サーバからデータを取得した後のコールバック関数

Question

WebページOninitの後に値を取得したいのですが、コードがあります。

ngOnInit() { 
    this.getVideo(this.getScore); 
} 

getVideo(callback) { 
    this.dataService.getVideo(this.videoID).subscribe(
     data => this.video = data, 
     error => console.log(error) 
    ); 
    if (typeof callback === 'function') 
     callback(); 
} 

getScore() { 
    console.log(this.video['Score']); 
} 

エラーがなければビデオスコアをレンダリングできますが、コールバックでエラーになります。

caused by: Cannot read property 'video' of undefined 

サーバーからデータを取得した後に値を取得するにはどうすればよいですか？ありがとう！引き起こさ

ngOnInit() { 
    this.getVideo(this.getScore.bind(this)); 
} 

Answer 1

：理由のDataServiceでこれが起こっている未定義

のプロパティを読み取ることができません「ビデオ」さ

Answer 2

私はこれを試してみてください、それが原因で"this"コンテキストのだと思います非同期で実行され、サービスがデータを返す前にcallback（）関数がすでに実行されています。

subscribeのデータ関数内でcallback（）を呼び出してみてください。

getVideo(callback) { 
    this.dataService.getVideo(this.videoID).subscribe(
     data => { 
      this.video = data; 
      if (typeof callback === 'function') 
       callback(); 
     }, 
     error => console.log(error) 
); 
}