Angular 的生命周期是组件从创建到销毁的全过程,开发者可通过钩子函数干预关键阶段。以下是核心阶段及用法:

📌 1. 初始化阶段

  • constructor():组件构造函数,用于依赖注入
  • ngOnChanges():输入属性变化时触发(当使用 @Input() 时)
  • ngOnInit():初始化完成后调用(适合执行初始化逻辑)

📌 2. 渲染阶段

  • ngDoCheck():每次检测变化时调用(用于自定义变更检测)
  • ngAfterContentInit():内容投影初始化后触发
  • ngAfterContentChecked():内容投影检测后触发

📌 3. 布局阶段

  • ngAfterViewInit():视图初始化后调用
  • ngAfterViewChecked():视图检测后调用

📌 4. 销毁阶段

  • ngOnDestroy():组件销毁前调用(释放资源)
angular_lifecycle

📚 想深入了解 Angular 生命周期的高级用法?点击这里查看详解

⚠️ 注意事项

  • 生命周期钩子按顺序执行,不可随意跳过
  • 避免在 ngOnDestroy 中执行耗时操作
  • 使用 @angular/coreChangeDetectorRef 可精细控制检测策略
change_detection

🌐 探索更多 Angular 相关知识:Angular 官方文档