Are Angular lifecycle hooks called on every component of a nested component structure?

Question

This is just a conceptual question. I am trying to learn more about how Angular lifecycle hooks work.

My question is, if I have a nested component structure like below:

<parent-component>
    <first-child>
        <first-grandchild>
        </first-grandchild>
    </first-child>
    <second-child>
    </second-child>
</parent-component>

If eg the onChanges lifecycle hook is activated for one component, will it be activated for all child/sibling components?

If the answer to that is no, is there a non-hacky way to implement something to replicate that behaviour, or is it not supported?

May be xml-js works in the server side and not in the browser. You can check this answer for more info: stackoverflow.com/questions/45685100/… — Krishna Mohan
– Krishna Mohan, Commented Sep 12, 2019 at 10:09
onChanges will get called immediately data-bound properties if at least one has changed. It will not be activicate/called for all child components. — Dipak Telangre
– Dipak Telangre, Commented Sep 12, 2019 at 10:26

kiranghule27 · Accepted Answer · 2019-09-12 10:26:40Z

0

Change detection flows from parent to child components. As for ngOnChanges lifecycle, it is called when a bounded property of a component(decorated with @Input() decorator) changes in the parent component.

This article explains it quite well.

answered Sep 12, 2019 at 10:26

kiranghule27

4431 gold badge8 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Are Angular lifecycle hooks called on every component of a nested component structure?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related