Angular 2-在setTimeout[duplicate]中使用“this”

Question

我班上有一个这样的函数

  showMessageSuccess(){

    var that = this;
    this.messageSuccess = true;

    setTimeout(function(){
      that.messageSuccess = false;
    },3000);

  }

我怎样才能重写它，这样我就不用在“that”var中存储对“this”的引用了？如果我在setTimeout中使用“this”，那么messageSuccess bool似乎不会更改/得到更新。

Answer 1

您需要使用箭头函数()=>ES6特性在settimeout中保留this上下文。

// var that = this;                             // no need of this line
this.messageSuccess = true;

setTimeout(()=>{                           //<<<---using ()=> syntax
      this.messageSuccess = false;
 }, 3000);