
| 钩子方法 | 用途 | 作用 |
|---|---|---|
| ngOnChanges | 当数据绑定输入属性的值发生变化时调用 | 初始化输入属性 ,Angular(重新)设置数据绑定输入属性时的响应。该方法接收 SimpleChanges 当前和先前属性值的对象。ngOnInit() 在一个或多个数据绑定输入属性发生更改 之前和之后调用 |
| ngOnInit | 在第一次 ngOnChanges 后调用 | 初始化其他属性,在 Angular 首次显示数据绑定属性并设置指令/组件的输入属性后初始化指令/组件。在第一次之后 调用一次 ngOnChanges() |
| ngDoCheck | 自定义的方法,用于检测和处理值的改变 | 组件变更检测,检测 Angular 无法或不会自行检测的更改并采取相应措施。在每次更改检测运行期间,在 ngOnChanges() 和之后立即调用 ngOnInit() |
| ngAfterContentInit | 在组件内容初始化之后调用 | 投影内容初始化,在 Angular 将外部内容投影到组件的视图/指令所在的视图后进行响应。在第一次之后 调用一次 ngDoCheck() |
| ngAfterContentChecked | 组件每次检查内容时调用 | 针对投影内容的变更检测在 Angular 检查投射到指令/组件中的内容后响应。在 ngAfterContentInit() 随后和随后的每一次调用之后 ngDoCheck() |
| ngAfterViewInit | 组件相应的视图初始化之后调用 | 初始化完组件视图及其子视图之后调用 ,在 Angular 初始化组件的视图和子视图/指令所在的视图后响应。在第一次之后 调用一次 ngAfterContentChecked()。一般进行 DOM 操作 |
| ngAfterViewChecked | 组件每次检查视图时调用 | 每次做完组件视图和子视图的变更检测之后调用,在 Angular 检查组件的视图和子视图/指令所在的视图后响应。在 ngAfterViewInit() 随后和随后的每一次调用之后 ngAfterContentChecked() |
| ngOnDestroy | 指令销毁前调用 | 当Angular每次销毁指令/组件之前调用并清扫 |
