angular生命周期函数

前言

  Angular作为前端流行框架之一，每个组件都存在一个生命周期，从创建，变更到销毁。来看一看angular都有哪些生命周期函数吧。

生命周期函数分类

  1.指令与组件共有的钩子：

ngOnChanges
ngOnInit
ngDoCheck
ngOnDestroy

  2.组件特有的钩子

ngAfterContentInit
ngAfterContentChecked
ngAfterViewInit
ngAfterViewChecked

执行顺序

钩子函数的作用

  1.ngOnChanges - 当数据绑定输入属性的值发生变化时调用
  2.ngOnInit - 在第一次 ngOnChanges 后调用
  3.ngDoCheck - 自定义的方法，用于检测和处理值的改变
  4.ngAfterContentInit - 在组件内容初始化之后调用
  5.ngAfterContentChecked - 组件每次检查内容时调用
  6.ngAfterViewInit - 组件相应的视图初始化之后调用
  7.ngAfterViewChecked - 组件每次检查视图时调用
  8.ngOnDestroy - 指令销毁前调用