六、生命周期 - 《前端框架学习笔记》

1.每个组件都有一个被 Angular 管理的生命周期。
2.Angular 创建它，渲染它，创建并渲染它的子组件，在它被绑定的属性发生变化时检查它，并在它从 DOM 中被移除前销毁它。
3.除了那些组件内容和视图相关的钩子外,指令有相同生命周期钩子。

一、构造函数最先触发
constructor(){}
//初始化
ngInit(){}
//视图加载完后
ngAfterViewInit(){}
ngOnDestory(){}

`ngOnChanges()`	当 Angular（重新）设置数据绑定输入属性时响应。该方法接受当前和上一属性值的 `[SimpleChanges](https://angular.cn/api/core/SimpleChanges)` 对象在 `ngOnInit()` 之前以及所绑定的一个或多个输入属性的值发生变化时都会调用。
`ngOnInit()`	在 Angular 第一次显示数据绑定和设置指令/组件的输入属性之后，初始化指令/组件。在第一轮 `ngOnChanges()` 完成之后调用，只调用一次。
`ngDoCheck()`	检测，并在发生 Angular 无法或不愿意自己检测的变化时作出反应。在每个变更检测周期中，紧跟在 `ngOnChanges()` 和 `ngOnInit()` 后面调用。
`[ngAfterContentInit()](https://angular.cn/api/router/RouterLinkActive#ngAfterContentInit)`	当 Angular 把外部内容投影进组件/指令的视图之后调用。第一次 `ngDoCheck()` 之后调用，只调用一次。
`ngAfterContentChecked()`	每当 Angular 完成被投影组件内容的变更检测之后调用。 `[ngAfterContentInit()](https://angular.cn/api/router/RouterLinkActive#ngAfterContentInit)` 和每次 `ngDoCheck()` 之后调用
`[ngAfterViewInit()](https://angular.cn/api/forms/NgForm#ngAfterViewInit)`	当 Angular 初始化完组件视图及其子视图之后调用。第一次 `ngAfterContentChecked()` 之后调用，只调用一次。
`ngAfterViewChecked()`	每当 Angular 做完组件视图和子视图的变更检测之后调用。 `[ngAfterViewInit()](https://angular.cn/api/forms/NgForm#ngAfterViewInit)` 和每次 `ngAfterContentChecked()` 之后调用。
`ngOnDestroy()`	每当 Angular 每次销毁指令/组件之前调用并清扫。在这儿反订阅可观察对象和分离事件处理器，以防内存泄漏。在 Angular 销毁指令/组件之前调用。