ダイナミックデータを入力コントロールにバインドすることはできませんが、静的データは同じコントロールに正しくバインドされます。動的データが収集され、console.logを使用してデータを表示できます。値はバインドされていません。データ表示とブラウザのコンソールのスナップショット ダイナミック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データがバインドされています。ビューをリフレッシュするか、ビューを再バインドする方法を教えてください。何か案は ?
あなたがデータをフェッチコードを投稿することができますか? – eltonkamami
jsonオブジェクトにqueueIdが存在しません。では、どうやってそれを入力するのですか? – micronyks
これは利用可能で、以前の画像はプロパティ全体を表示していませんでした。最新の画像を参照してください – Krishnan