角2コンポーネントが完全にロードされたとき

Question

他の子コンポーネントで構成されているコンポーネントがデータバインディングやすべてを含むロードを完全に終了したことを知ることができません。たとえば、ParentComponentのテンプレートは次のとおりです。

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

いずれの提案も高く評価されています。

Answer 1

ngAfterViewInit() {}が呼び出された場合、またはコンテンツが（<ng-content>）に合格した場合、ngAfterContentInit()の後に呼び出されました。

Answer 2

これは間違っています。ビューが初期化されているときにngAfterViewInitが起動されます... ブレークポイントを挿入すると表示されます。 ビューが実際に完全に読み込まれたときを知るフックは、角度2では実際には見当たりません！ 回避策として、そのようなものを試すことができます：

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); 
}