Angular2のhttpインストールが完了したときにこれに達する

Question

私は質問を簡略化しようとしており、以下のコードを最小限に抑えました。達成しようとしているのは、httpインストールが完了したときにコールバック関数を呼び出すことです。コールバックメソッドが呼び出されていますが、this変数とそのバインドされた変数に到達できません。なぜなら、asynのロードが完了するとthisは未定義であるからです。

load(callBackFn)this.http.get(this.sourceAddress).subscribe(
      op =>{  
    if(callbackFn) 
    { 
     callBackFn(); 
    }  
} 

this.load(function() 
{ 
    //**THIS IS NULL HERE ? BUT ACTUALLY this.uniqueId is set** 
    $('#' + this.uniqueId).css("display", "block"); 
}) 

Answer 1

あなたがそのようにしたいと思う理由はわからないが、あなたはちょうどあなたが加入した後、あなたが必要なクラスこれまでどのようなメンバーアクセスすることができたときにコールバック関数と少し厄介ようだが、私はあなたが結合しなければならないことを推測しますこれはコールバックにしたかった：

export class SomeComponent 
{ 
    private sourceAddress = 'some/url'; 
    private uniqueId = 'spam'; 


    constructor(private http: Http) 
    { 
    } 

    ngOnInit() 
    { 
     this.load(this.loadSuccess).bind(this); 
    } 

    load(callBackFn) 
    { 
     this.http 
      .get(this.sourceAddress) 
      .subscribe(
       response => 
       { 
        if (callBackFn) 
        { 
         callBackFn(); 
        } 
        this.loadSuccess() //or just call it directly with no callback 
       }, 
       error => 
       { 
        console.log(error) 
       }); 
    } 

    loadSuccess() 
    { 
     $('#' + this.uniqueId).css("display", "block"); 
    } 

}