DOM完成渲染后执行功能

Question

我记得在博客中读过以下摘录。

$ timeout将新事件添加到浏览器事件队列中（渲染引擎已在此队列中），因此它将在新超时事件之前完成执行。

我想知道在angular / javascript中是否有比使用更好的方法

setTimeout(() => {  
    // do something after dom finishes rendering
}, 0);

在DOM完全完成诸如更新* ngFor并在页面上呈现结果之类的任务后执行代码。

Answer 1

您可以尝试使用ngAfterViewInit生命周期挂钩，这是按时间顺序排列的最后一次单发生命周期挂钩。

它的工作原理很像，ngInit但是在视图和子视图初始化之后会触发。

如果您需要每次DOM完成时都会触发的操作，则可以尝试ngAfterViewChecked或ngAfterContentChecked。