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

Question

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

<div [hidden]=“val>0”&gt;

运行构造函数时，我定义 val=10，然后隐藏 DIV。

然后使用计时器（4000 毫秒后）我将 val 更改为 -1，因此，DIV 应该显示，但没有附加内容。

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

在控制台中我可以看到'<strong>show!!' writen，但 DIV 仍然隐藏。

我尝试使用布尔变量、NgIf 等，但我得到了相同的结果。

我究竟做错了什么？

标签： htmlionic-frameworktimershowhidden

Answer 1

使用匿名函数并跟踪“this”指向的位置（哪个范围）时需要小心。

尝试使用胖箭头函数来防止它获得新的范围：

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