角度2とコンポーネントのngOnInit()
に新しいデータがあります。データを取得するためにサービスを呼び出しています。この私のコンポーネントngOnInit()
コード角度2のデータバインドに問題がありません
import { Component, OnInit } from '@angular/core';
import { Model } from './model';
import { CustomizeModelService } from './customize-model.service';
@Component({
selector: 'app-customize-model',
templateUrl: './customize-model.component.html',
styleUrls: ['./customize-model.component.scss']
})
export class CustomizeModelComponent implements OnInit {
models = [];
constructor(private custModelService: CustomizeModelService) {}
ngOnInit() {
let params = JSON.stringify({
"query": "{models(modelname: \"TestModel\") {_id, modelname, description}}"
});
this.custModelService.getModelByName(params).subscribe(data => {
this.models.push(data);
console.log(this.models);
});
}
}
であることがデータを返しますが、私はデータを補間するとき、私のテンプレートで、それは私がどこを作ったかわからないもの
<h3 class="title">{{models.modelname}}</h3>
は表示されません。間違い、またはデータがテンプレートにバインドされていない理由は、どんな助けも高く評価されます。
this.custModelService.getModelByName(params).subscribe(data => {
this.models.push(data);
console.log(this.models);
});
テンプレート全体を表示できますか?モデルは配列なので、直接モデルプロパティはありません。代わりに* ngForを使用して配列の各モデルを反復処理する必要があります。 'this.models.push(data));'は、モデルに単一項目としてデータを追加します。 – JayChase
@JayChase、質問を確認してください、私は完全なテンプレートコードを更新しました – Mujahid
@JayChase * ngForについてのご意見ありがとうございます、なぜ私は最初の場所でそれを忘れて、今は動作します。ありがとう – Mujahid