Angular2：コールバック関数内で他の関数を呼び出す

Question

私はAngular2アプリケーションを構築しています。 myServiceに非同期機能deleteObjectがあります。それは約束を返す。私はコンポーネントをrefreshと呼ばれる別の機能を持っています。これはページをリフレッシュします。プロミスの内部からリフレッシュを呼び出すにはどうすればいいですか？これは私が試したものです：

export class AppComponent{ 

    refresh(){ 
     // refresh page here 
    } 

    delete(){ 
     this.myService.deleteObject(params).then(
      function(data){ 
      //this.refresh() doesn't work here. 
     }); 
    } 
}  

Answer 1

のようにそれを達成することができ、コンポーネントコンテキストへの参照です。彼らはあなたが期待する文脈を維持します（this）。

も

delete(){ 
    this.myService.deleteObject(params).then(
      (data)=>{ 
       //this.refresh() should work here 
      } 
    ); 
} 

Answer 2

これは文脈の問題です。 "this"は、コールバック関数のコンテキストを指します。あなたが実際に欲しいのはあなたが活字体でコーディングされている場合は、代わりにfat arrow functionsを使用することができますので、

delete(){ 
    var componentRef = this; // colloquially "that" or "self" 
    this.myService.deleteObject(params).then(
     function(data){ 
     componentRef.refresh() // does work here. 
    }); 
}