Angular 2 - Utilisation de 'this' dans setTimeout

Question

J'ai une fonction comme celle-ci dans ma classe

  showMessageSuccess(){

    var that = this;
    this.messageSuccess = true;

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

  }

Comment puis-je réécrire ceci pour ne pas avoir à stocker une référence à "this" dans la variable "that" ? Si j'utilise "this" dans le setTimeout, le bool de messageSuccess ne semble pas changer/être mis à jour.

Answer 1

Vous devez utiliser Fonction de flèche ()=> ES6 fonction pour préserver this contexte dans lequel setTimeout .

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

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