范围变量 - 将值分配给变量时出错

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)的功能。