2016-07-23 4 views
0

ダイナミックデータを入力コントロールにバインドすることはできませんが、静的データは同じコントロールに正しくバインドされます。動的データが収集され、console.logを使用してデータを表示できます。値はバインドされていません。データ表示とブラウザのコンソールのスナップショット enter image description here ダイナミックjsonを入力コントロールにバインドする際の問題、最新の/ダイナミックデータで表示がリフレッシュされない

const SAMPLE = { queueId: 11, name: 'Mr. Nice' }; 
constructor(){ 
this.resultData = SAMPLE; 
} 

の下に上記のハードコードの静的データが入力コントロールにバインドされているが、HTTPのサービスを使用してretreivedされる動的なデータを持っているように適切に結合し、私の静的なデータが見えますhttpサービスコールの後に という問題が発生しましたが、console.logに書き込もうとしましたが、ブラウザのコンソールでコンテンツを見ることができます。入力コントロールにバインドされていません TemplateUrlを使用してhtmlファイルを参照しています。

<input type="text" name="txtQueueID" class="form-control" id="txtQueueID" [(ngModel)]="resultData.queueId" /> 

コードをバインドする HTMLタグがサービス

を使用してデータをフェッチする
GetExtractorQueuesByID(_extractorQueueID) { 
     console.log("Inside GetExtractorQueuesByID method in ExtractorQueueDetails"); 
     this._CacheDataService.GetExtractorQueuesByID(_extractorQueueID) 
      .subscribe(
      (res) => { 
       this.resultData = res; 

      }, 
      (error) => console.log("error : " + error), 
      () => console.log('Error in GetExtractorQueuesByID in ExtractorQueueDetails : ' + Error) 
      ); 
    } 

public GetExtractorQueuesByID = (queudID): Observable<ExtractorQueueItem> => { 
    console.log("Inside method GetExtractorQueuesByID"); 

    var headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    headers.append('Access-Control-Allow-Origin', '*'); 
    console.log("API URL: " + this.BLUESKYDATACACHEAPI_GETEXTRACTORQUEUEBYID + queudID); 

    return this._http.get(this.BLUESKYDATACACHEAPI_GETEXTRACTORQUEUEBYID + queudID, { headers: headers }) 
     .map(Response => Response.json()) 
     .catch(this.HandleError); 
} 
は、ビューがで更新取得されていない

私の推測がされたHTTP要求を行う

マイサービス最新のjsonデータがバインドされています。ビューをリフレッシュするか、ビューを再バインドする方法を教えてください。何か案は ?

+0

あなたがデータをフェッチコードを投稿することができますか? – eltonkamami

+0

jsonオブジェクトにqueueIdが存在しません。では、どうやってそれを入力するのですか? – micronyks

+0

これは利用可能で、以前の画像はプロパティ全体を表示していませんでした。最新の画像を参照してください – Krishnan

答えて

0

queueId取得したjsonオブジェクトではプロパティを使用できません。オブジェクトの利用可能なプロパティの1つに変更する必要があります。

例えば

[(ngModel)]="resultData.customerId" 
関連する問題