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

Question

我的课堂上有这样的功能

  showMessageSuccess(){

    var that = this;
    this.messageSuccess = true;

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

  }

我怎样才能重写这个，这样我就不必在 'that' 变量中存储对 '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);