Angular中的生命周期函数是如何在组件的不同阶段被触发和改写的？

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

使用Angular进行开发时，务必注意不要遗漏必要的生活周期，本文将带大家聊聊Angular中的生命周期，希望对大家有所帮助！对于通过React和Vue开发的读者，也应了解生命周期这个概念。

使用angular进行开发时，避免不了需要接触生命周期，下面本篇文章就来带大家一起聊聊Angular中的生命周期，希望对大家有所帮助！

接触过 react 和 vue 开发的读者应该对生命周期这个概念不陌生。我们在使用 angular 开发的过程中，是避免不了的。

组件从开始建立到销毁的过程中，会经历过一系列的阶段。这就是一个生命周期，这些阶段对应着应用提供的 lifecycle hooks。

那么，在 angular 中，这些 hooks 都有哪些呢？了解它们，对你编写程序应该在哪里编写，很重要。

angular 中，生命周期执行的顺序如下：

- constructor - ngOnChanges - ngOnInit - ngDoCheck - ngAfterContentInit - ngAfterContentChecked - ngAfterViewInit - ngAfterViewChecked - ngOnDestroy

为了解说和验证，我们用 angular-cli 生成一个 demo 项目。