DOM not modified by var

[danillo10]

why my DOM is not modified by this.tempo ?

{{ this.mensagemestimada }} {{ this.tempo }}

``` public temporizador(){ var counter = 0; var timer = setInterval(function() { if( counter >= 10 ) { clearInterval( timer ); }

this.tempo = counter;
console.log(this.tempo);
console.log( counter);
counter++;
}, 1000);

}

[HugoPetla]

Remove this, use like {{ tempo }}. Just use ‘this.tempo’ to your .js file.

[danillo10]

DOM not modified…other solution ?

[luukschoen]

In any case, don’t use oldschool functions. You will loose scope of this.

public temporizador(){
    let counter = 0;
    let timer = setInterval( () => {
        if( counter >= 10 ) {
          clearInterval( timer );
        }

        this.tempo = counter;
        console.log(this.tempo);
        console.log( counter);
        counter++;
    }, 1000);
  }

[danillo10]

Only because “function” ? WTF!

[luukschoen]

No, not wtf. Just basic es6 scoping with this

[danillo10]

Thanks my friend! You are welcome!