これです。 <servicename> angle2のエラー機能で利用できません

Question

angular2に奇妙なエラーがあります。次のコードは正常に動作します。

loginResult.subscribe(
     (data) => 
     this.response = data, 
     (err) => 

     this._ajaxService.handleError(err, 'A string to summarize the activity') 
    ); 

次のコードは、プロパティhandleErrorが未定義であるとは言いません。これは、要求が失敗した場合にのみ発生します。

loginResult.subscribe(
    function (response) { 

     this.response = response; 
     console.log(this.response); 

     }, 
     function (error) { 

     this._ajaxService.handleError(error, 'A string to summarize the activity') 

     } 
    ); 

Answer 1

バインド"this"成功と失敗の両方の機能です。

loginResult.subscribe(
    function (response) { 
     this.response = response; 
     console.log(this.response); 
    }.bind(this), // <== "this" binding here 
    function (error) { 
     this._ajaxService.handleError(error, 'A string to summarize the activity') 
    }.bind(this) 
); 

Answer 2

コールバックとして使用() => {}（矢印機能）arrow functionは独自のthisコンテキスト作成しないようthisは、コンポーネントを参照するために：あなたがしたい場合は、まだ

loginResult.subscribe(
     (response) => { 
      this.response = response; 
      console.log(this.response); 
     }, 
     (error) => { 
      this._ajaxService.handleError(error, 'A string to summarize the activity') 
     } 
); 

をfunction(){}を使用するには、コンポーネントのthisというコンテキストを使用して、次のように関数に渡すことができます。

function(response){ 
     // now 'this' refers to the component class 
    }.bind(this) 

Answer 3

let that = this; 
    loginResult.subscribe(
     function (res) { 

     that.response = res; 
     console.log(this.response); 

     }, 
     function (error) { 

     that._ajaxService.handleError(error, 'A string to summarize the activity') 

     } 

    );