Angular2: вызов других функций внутри функций обратного вызова

Question

Я создаю приложение Angular2. У меня есть асинхронная функция deleteObject в myService. Он возвращает обещание. У меня есть другая функция в Компонента, которая называется refresh, которая обновляет страницу. Как я могу вызвать обновление внутри Promise. Это то, что я пробовал:

export class AppComponent{ 

    refresh(){ 
     // refresh page here 
    } 

    delete(){ 
     this.myService.deleteObject(params).then(
      function(data){ 
      //this.refresh() doesn't work here. 
     }); 
    } 
}  

Answer 1

Если вы кодирование в машинописи, вы можете использовать вместо fat arrow functions. Они сохраняют контекст this, который вы ожидаете. Так заменить

delete(){ 
     this.myService.deleteObject(params).then(
      function(data){ 
      //this.refresh() doesn't work here. 
     }); 
} 

с этим:

delete(){ 
    this.myService.deleteObject(params).then(
      (data)=>{ 
       //this.refresh() should work here 
      } 
    ); 
} 

Answer 2

это контекстная проблема. «this» относится к контексту функции обратного вызова, который может быть обещанием или чем-то еще. что вы на самом деле хотите, это ссылка на контекст компонента, вы можете добиться того, что как так

delete(){ 
    var componentRef = this; // colloquially "that" or "self" 
    this.myService.deleteObject(params).then(
     function(data){ 
     componentRef.refresh() // does work here. 
    }); 
}