スコープ変数 - 値を変数に代入中のエラー

Question

関数のコールバック内から変数にアクセスする方法。質問にもっと直接的になる例を示します。

export class FormComponent { 

    public pedidoSoft:PedidoSoft = new PedidoSoft(); 

    getBrandCard(){ 

     PagSeguroDirectPayment.getBrand({ 

      cardBin: this.pedidoSoft.numCard, 
      success: function(response) { 

        this.pedidoSoft.bandCard = response.brand.name; 

      }, 
      error: function(response) { }, 
      complete: function(response) { } 
     }); 

    } 

次のエラーが表示されます。 this.pedidoSoft.bandCardがresponse.brand.name

Answer 1

活字体でfunctionを使用しないでくださいの値を受信したときに、このエラーがあります。かわりに()=>{}文で置き換えてください。

 success: (response) => { 
       this.pedidoSoft.bandCard = response.brand.name; 
     }, 
     error: (response) => { }, 
     complete: (response) => { } 

あなたがfunction() {}thisを使用()=>{}がthis参照を保存する場所として、永続的ではありません。

代わりに、bind(this)を機能に使用することができます。