Ionic - Показать Div 4 секунды после загрузки страницы

Question

На моей html-странице у меня есть скрытый номер DIV:

<div [hidden]=“val>0”>

Когда запускается конструктор, я определяю val = 10, затем DIV скрывается.

затем с таймером (через 4000 мс) я изменяю val на -1, поэтому должен отображаться DIV, но ничего не добавляется.

startTimer(){ setTimeout(function(){ 
this.val=-1;
console.log(‘show!!’); },4000) 
}

В консоли я вижу написанное « show !! », ноDIV все еще скрыт.

Я пытался использовать логическую переменную, NgIf и т. д., но получаю тот же результат.

Что я делаю не так?

Answer 1

Вы должны быть осторожны при использовании анонимных функций и отследить, куда (на какую область) указывает «this».

Попробуйте использовать функцию жирной стрелки, чтобы предотвратить это, чтобы получить новую область:

startTimer () {setTimeout (() => {this.val = -1; console.log ('show !!');}, 4000)}