Angular 的生命周期是组件从创建到销毁的全过程,开发者可通过钩子函数干预关键阶段。以下是核心阶段及用法:
📌 1. 初始化阶段
constructor()
:组件构造函数,用于依赖注入ngOnChanges()
:输入属性变化时触发(当使用@Input()
时)ngOnInit()
:初始化完成后调用(适合执行初始化逻辑)
📌 2. 渲染阶段
ngDoCheck()
:每次检测变化时调用(用于自定义变更检测)ngAfterContentInit()
:内容投影初始化后触发ngAfterContentChecked()
:内容投影检测后触发
📌 3. 布局阶段
ngAfterViewInit()
:视图初始化后调用ngAfterViewChecked()
:视图检测后调用
📌 4. 销毁阶段
ngOnDestroy()
:组件销毁前调用(释放资源)
📚 想深入了解 Angular 生命周期的高级用法?点击这里查看详解
⚠️ 注意事项
- 生命周期钩子按顺序执行,不可随意跳过
- 避免在
ngOnDestroy
中执行耗时操作 - 使用
@angular/core
的ChangeDetectorRef
可精细控制检测策略
🌐 探索更多 Angular 相关知识:Angular 官方文档