javascript - utilizar - Angular 2: uso de ''this'' dentro de setTimeout

use js in angular 2

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cómo acceder al correcto ''this'' dentro de una devolución de llamada? 10 respuestas

Tengo una función así en mi clase

  showMessageSuccess(){

    var that = this;
    this.messageSuccess = true;

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

  }

¿Cómo puedo volver a escribir esto para no tener que almacenar una referencia a ''this'' en la variable ''that''? Si uso ''this'' dentro de setTimeout, el mensaje MessageSuccess bool no parece cambiar / actualizarse.

Answer 1

Debe usar ArrowFunction ()=> para preservar this contexto dentro de setTimeout .

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

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