Используя это обещание обратного вызова

Question

У меня есть следующий код:

private resetPassword() { 

    this.auth.subscribe(auth => { 
     this.firebaseRef.auth().sendPasswordResetEmail(auth.auth.email).then(
      success => { 
       this.successMessage = 'A password reset email was sent to ' + auth.auth.email + '. Please follow' + 
        'the instructions in the email to reset your password.'; 
      }, 
      error => { 
       console.log(error); 
      } 
     ) 
    }); 

} 

Проблема, что у меня есть, что this.successMessage не установлен на успех. Я могу поставить console.log там, и он работает, но кажется, что я не могу ссылаться на this в этой области. Я пробовал использовать .bind(this) везде, где мог, но это не помогло. Есть предположения?

Обратите внимание, что это приложение Angular2, и successMessage отображается в шаблоне, так что я знаю, что он не работает. Я подтвердил, что если я установил сообщение за пределами then, он будет работать правильно.

Answer 1

Благодаря @ AR7, я выяснил решение. this.successMessage обновлялся правильно, но шаблон Angular2 не обновлялся. Я решил это, обернув this.successMessage назначение в ngZone.run:

constructor(private ngZone: NgZone) {} 
... 
private resetPassword() { 

    this.auth.subscribe(auth => { 
     this.firebaseRef.auth().sendPasswordResetEmail(auth.auth.email).then(
      success => { 
       this.ngZone.run(() => { 
        this.successMessage = 'A password reset email was sent to ' + auth.auth.email + '. Please follow' + 
         'the instructions in the email to reset your password.'; 
       }); 
       console.log(this); 
      }, 
      error => { 
       console.log(error); 
      } 
     ) 
    }); 

}