Is there an angular event which will be triggered when all the Angular2 ponents have finished rendering?

For jQuery, we can use

$(function(){ ... })

However, with Angular2, when the domready event is triggered, the html contains angular ponent tags only. And after each ponent finished rendering, the domready event will be triggered again & again.

What we need is a final event when all the angular ponents have finished rendering.

Is there an angular event which will be triggered when all the Angular2 ponents have finished rendering?

For jQuery, we can use

$(function(){ ... })

However, with Angular2, when the domready event is triggered, the html contains angular ponent tags only. And after each ponent finished rendering, the domready event will be triggered again & again.

What we need is a final event when all the angular ponents have finished rendering.

• javascript
• angular
• domready

Share Improve this question Follow edited Nov 2, 2016 at 14:59 Poul Kruijt 72.1k1212 gold badges152152 silver badges151151 bronze badges asked Nov 2, 2016 at 14:52 mind1nmind1n 1,20633 gold badges1717 silver badges3434 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Have you tried ngAfterViewInit on the root AppComponent? I'm sure all the ponents have been rendered by then. This is a hook that angular calls after it creates all the ponent's child views.

you may check ngAfterViewInit applied on the root ponent.

ngAfterViewInit Respond after Angular initializes the ponent's views and child views. Called once after the first ngAfterContentChecked.

Read more about it here.

Hope this helps!!