angular2のNgOnInit設定値

Question

ngOnInit（）関数の変数に値を設定する際に問題があります。私は設定後にコンソールで変数を見てみましたが、私は "undefined"しか受け取りませんでした。それを動作させるには？

export class GalleryComponent implements OnInit { 

actualModelType: modelInterface[]; 
femaleModels: modelInterface[]; 

constructor(private _femaleModelsService: FemaleModelsService) { 
    this.actualModel = null; 
    this.clicked = false; 
} 

ngOnInit() { 
    this._femaleModelsService.getFemaleModels() 
     .subscribe(responseFemaleModelsData => this.femaleModels = responseFemaleModelsData); 


    this.actualModelType = this.femaleModels; 
    console.log(this.actualModelType, this.femaleModels); 
} 
} 

Answer 1

ここで問題になっているのは、FemaleModelsServiceのデータを呼び出すことですが、まだ持っていない値を割り当てていることです。

オブザーバブルと約束は非同期であるため、返信内容を操作するためにレスポンスを待たなければなりません。 jonrsharpeで説明したように、あなたが探していることをするためには、コールバック内のデータを取得する必要があります。

ことは、これを試してみてください：

ngOnInit() { 
    this._femaleModelsService.getFemaleModels().subscribe(
     responseFemaleModelsData => { 
      this.femaleModels = responseFemaleModelsData; 
      this.actualModelType = this.femaleModels; 
      console.log(this.actualModelType, this.femaleModels); 
     } 
    ); 
}