How to determine all the angular 2 components have been rendered?

Question

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

For jQuery, we can use

$(function(){ ... })

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

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

score 4 · Answer 1 · answered Nov 02 '16 at 14:58

4

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

answered Nov 02 '16 at 14:58

Poul Kruijt

69,713
12
145
149

score 1 · Answer 2 · answered Nov 02 '16 at 15:03

1

you may check ngAfterViewInit applied on the root component.

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

How to determine all the angular 2 components have been rendered?

2 Answers2

Linked