Angular 复习与进阶系列 – Component 组件 の Lifecycle Hooks

发布时间 2023-04-14 21:32:50作者: 兴杰

前言

我们在 这篇 和 这篇 中已经学习了几个基本的 Lifecycle Hooks. 分别是

constructor

OnInit

AfterContentInit

AfterViewInit

OnDestroy

OnChanges

这篇我们会把其余的 Lifecycle Hooks 都学完.

 

Init Group and Changes Group

Angular 的 Lifecycle 可以分为两组.

第一组有 constructor, OnInit, AfterContentInit, AfterViewInit, OnDestroy

第二组有 OnChanges, DoCheck, AfterContentChecked, AfterViewChecked

在 first time render 时, 上面两组都会跑. 但绝大部分情况下我们会比较关心第一组.

而在后续的 event 发生后, 我们更多的是会用到第二组.

所以我喜欢把它们分开两组看待.