Angular 生命周期钩子是否在嵌套组件结构的每个组件上调用？答案

【问题标题】：Are Angular lifecycle hooks called on every component of a nested component structure?Angular 生命周期钩子是否在嵌套组件结构的每个组件上调用？
【发布时间】：2020-01-14 04:24:03
【问题描述】：

这只是一个概念问题。我正在尝试更多地了解 Angular 生命周期挂钩的工作原理。

我的问题是，如果我有如下嵌套的组件结构：

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

如果为一个组件激活了 onChanges 生命周期钩子，是否会为所有子/兄弟组件激活它？

如果答案是否定的，是否有一种简单的方法来实现某些东西来复制该行为，或者它是否不受支持？

【问题讨论】：

可能是 xml-js 在服务器端工作而不是在浏览器中工作。您可以查看此答案以获取更多信息：stackoverflow.com/questions/45685100/…
onChanges 如果至少有一个已更改，将立即调用数据绑定属性。它不会为所有子组件激活/调用。

标签： angular typescript angular-components angular-lifecycle-hooks

【解决方案1】：

变更检测从父组件流向子组件。至于 ngOnChanges 生命周期，当父组件中某个组件（用@Input()装饰器装饰）的有界属性发生变化时调用。

这个article解释得很好。

【讨论】：