Проблема es6 при доступе к переменным класса в функции обратного вызова $ resource.query

Question

Я использую ES6 с угловым JS 1.X. Всякий раз, когда я пытаюсь получить доступ к переменной уровня класса (объявленный в конструкторе) в функции с $resource.query обратного вызова, я получаю эту ошибку:

"TypeError: Cannot read property 'maxSize' of undefined".

например:

Конструктор:

constructor() { 
    this.invArr = [];  
    this.maxSize = 3;   
} 

Метод класса:

bindData(){ 
    this.invArr = this.invLookUpSvc.getPortalInvByProdNbrSum().query({ 
     rtbProductNbr: this.productNumber 
    }, function (data) { 
     if (angular.isDefined(data)) { 
      this.invArr = data; //this.invArr not found 
      console.log(this.maxSize); //this.MaxSize not found.     
     }    
    }); 
} 

Answer 1

Контекст this изменился в функции обратного вызова для this.invLookUpSvc.getPortalInvByProdNbrSum().query. Чтобы устранить это, вы должны привязать функцию обратного вызова к контексту this:

bindData(){ 
    this.invArr = this.invLookUpSvc.getPortalInvByProdNbrSum().query({ 
     rtbProductNbr: this.productNumber 
    }, function (data) { 
     if (angular.isDefined(data)) { 
      this.invArr = data; 
      console.log(this.maxSize);     
     }    
    }.bind(this)); 
}