在 Angular 5 中的 *ngIf 之后等待元素渲染？答案

【问题标题】：Wait for element to render after an *ngIf in Angular 5?在 Angular 5 中的 *ngIf 之后等待元素渲染？
【发布时间】：2018-09-07 17:50:33
【问题描述】：

由于*ngIf，有没有办法等待 HTML 元素在启用后呈现？

StackBlitz 表达我的意思。

如果我只是在一个元素上切换*ngIf 的条件，我将无法执行document.getElementById('someid')。在元素被渲染后是否有回调/方法来调用代码？

我只想在特定元素上调用它，所以我不能只使用 ngAfterViewChecked()。

【问题讨论】：

【解决方案1】：

检查这个闪电战：https://angular-hwpfwx-xvmbiv.stackblitz.io 打开控制台查看对 div 的引用。

它使用ViewChild 来检测相同的div 使用ngIf。

【讨论】：

【解决方案2】：

您可以先将函数设置为 setTimeout 进行 html 渲染

if(this.render) {
  setTimeout( () => document.getElementById('someid').focus());
}

【讨论】：