aurelia中的javascript settimeout函数

Question

我想在一段时间后（大约2秒钟）隐藏一个元素。 在javascript中可以使用setTimeout函数。有没有办法可以在Aurelia上使用它？还是有更好的方法吗？

Answer 1

您可以使用Aurelia中包含的if自定义属性隐藏元素。然后将其绑定到viewmodel上的属性。

this.showItem = true;
window.setTimeout(() => this.showItem = false, 2000);

<h1 if.bind="showItem">I will hide in 2 seconds</h1>