如何确定所有 angular 2 组件已被渲染？答案

【问题标题】：How to determine all the angular 2 components have been rendered?如何确定所有 angular 2 组件已被渲染？
【发布时间】：2017-03-15 22:42:18
【问题描述】：

当所有 Angular2 组件都完成渲染后，是否会触发 Angular 事件？

对于jQuery，我们可以使用

$(function(){ ... })

但是，对于 Angular2，当触发 domready 事件时，html 仅包含角度组件标签。并且在每个组件完成渲染后，domready 事件将被再次触发。

我们需要的是所有角度组件都完成渲染后的最终事件。

【问题讨论】：

【解决方案1】：

您是否在根AppComponent 上尝试过ngAfterViewInit？我确定到那时所有组件都已渲染。这是 Angular 在创建所有组件的子视图后调用的钩子。

【讨论】：

【解决方案2】：

你可以检查ngAfterViewInit 应用在根组件上。

ngAfterViewInit Angular 初始化组件后响应视图和子视图。在第一个之后调用一次 ngAfterContentChecked。

阅读更多相关信息here。

希望这会有所帮助！

【讨论】：