Ionic - 页面加载后显示 Div 4 秒

Question

在我的html页面中，我隐藏了一个DIV inicaliced：

<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('显示！！'); },4000) }