angular 中组件的生命周期函数

Posted 2022-12-05 monkey-k

angular 中的生命周期：

 组件加载时，生命周期函数的执行顺序：

00 -- constructor: 首先执行构造函数，一般用来初始化变量，不应该做其他事情

01 -- ngOnChanges:  当被绑定输入属性的值发生变化时执行，父子组件传值的时候自动调用。没有输入属性值变化，不执行该函数

02 -- ngOnInit:  初始化指令和组件时执行，只执行一次。请求数据一般放在该函数内

03 -- ngDoCheck() : 绑定的属性值发生变化时执行，比如双向数据绑定，改变属性，都会触发该方法

04 -- ngAfterContentInit() : 内容投影到组件之后调用，只执行一次

05 -- ngAfterContentChecked() : 投影组件内容发生变更后调用，在ngDoCheck() 之后执行

06 -- ngAferViewInit() : 组件视图以及子视图加载完成后调用，DOM 操作放在该方法中

07 -- ngAfterViewChecked() : 组件视图和子视图变更后调用，每次ngAfterViewInit() 或者 ngAfterContentInit() 后调用

08 -- ngOnDestroy() : 组件销毁时调用