setTimeOut for elementRef

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用Angular2。我有一个div：setTimeOut for elementRef

<div class="saved" #saved> 
    <p>Saved</p> 
    <i class="fa fa-check" aria-hidden="true"></i> 
</div>

我访问它在TS：

@ViewChild("saved") public saved: ElementRef;

接下来我显示该块：

this.saved.nativeElement.style.display = 'block';

然后，我想几秒钟后隐藏它，但是这部分代码不正确：

setTimeout(this.closeSavedWindow, 3000);

其中

closeSavedWindow() { 
    this.saved.nativeElement.style.display = 'none'; 
    }

的错误是

TypeError: this.saved is undefined

回答：

尝试setTimeout(this.closeSavedWindow.bind(this), 3000);

回答：

你所面临的问题是由于在上下文中改变。在closeSavedWindow（）函数内部，这指的是窗口对象，并且不包含任何名为saved的属性。因此错误。

这可以很容易地通过结合对功能方面的价值调用时，它被固定..

setTimeout(this.closeSavedWindow.bind(this), 3000);

以上是 setTimeOut for elementRef 的全部内容， 来源链接： utcz.com/qa/258179.html

回到顶部