Angular组件的生命周期是如何在各个阶段依次展开的？

本文共计1261个文字，预计阅读时间需要6分钟。

本篇文章为家长介绍Angular中组件的生命周期（Component Lifecycle Hook）。具有一定的参考价值，有需要的朋友可参考。希望对家长有所帮助。

环境：Angular CLI：11.0.6 Angular：11.0.7 Node.js

本篇文章给大家介绍一下Angular中组件的生命周期（Component Lifecycle Hook）。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

环境:

• Angular CLI: 11.0.6

• Angular: 11.0.7

• Node: 12.18.3

• npm : 6.14.6

• IDE: Visual Studio Code

1. 摘要

当 Angular 实例化组件类并渲染组件视图及其子视图时，组件实例的生命周期就开始了。生命周期一直伴随着变更检测，Angular 会检查数据绑定属性何时发生变化，并按需更新视图和组件实例。当 Angular 销毁组件实例并从 DOM 中移除它渲染的模板时，生命周期就结束了。当 Angular 在执行过程中创建、更新和销毁实例时，指令就有了类似的生命周期。

你的应用可以使用生命周期钩子方法来触发组件或指令生命周期中的关键事件，以初始化新实例，需要时启动变更检测，在变更检测过程中响应更新，并在删除实例之前进行清理。