4.png

    钩子方法 用途 作用
    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每次销毁指令/组件之前调用并清扫