javascript - 当 Angular 2 组件完全加载时

Question

我似乎找不到一个钩子(Hook)，通过它我可以知道由其他子组件组成的组件已经完全完成加载，包括数据绑定(bind)和所有内容。例如，为 ParentComponent 采用以下模板:

<div>
    <child-one>
        {{textOne}}
    </child-one>
    <child-two>
        {{textTwo}}
    </child-two>
</div>

非常感谢任何建议。

Answer 1

错了!初始化 View 时会触发 ngAfterViewInit ...将断点放入其中，您将看到。Angular 2 确实缺少一个知道 View 何时真正完全加载的钩子(Hook)!但作为一种解决方法，您可以尝试类似的方法:

ngAfterViewInit() {
    console.log('View is being initialized');
    console.log(this.el.nativeElement.offsetHeight);

    setTimeout(() => {
        console.log('View is fully loaded');
        console.log(this.el.nativeElement.offsetHeight);
    }, 0);
}