Angular 2+ 的组件生命周期

Angular 2+ 的组件生命周期_第1张图片
Angular 2的组件生命周期函数
函数 应用范围 目的和触发时机
ngOnChanges 组件和指令 在ngInit之前触发,当Angular设置数据绑定属性或输入性属性时会得到一个包含当前和之前属性值的对象(SimpleChanges)
ngOnInit 组件和指令 只调用一次,在设置完输入性属性后,通过这个函数初始化组件或指令
ngDoCheck 组件和指令 在ngInit之后,每次检测到变化时触发,可以在此检查一些angular自身无法检查的变化
ngAfterContentInit 组件 在ngDoCheck后触发,只调用一次,把要装载到组件视图的内容初始化后
ngAfterContentChecked 组件 ngAfterContentInit之后每次ngDoCheck都会在之后触发ngAfterContentChecked,对要装载到组件视图的内容进行检查后
ngAfterViewInit 组件 在第一个ngAfterContentInit被调用后触发,只调用一次,在angular初始化视图后响应
ngAfterViewChecked 组件 在ngAfterViewInit后及每个ngAfterContentChecked后触发
ngOnDestroy 组件和指令 在组件或指令被销毁前,清理环境,可以在此处取消Observable的订阅

参考资料:

  • angular 2.0 从0到1 -> #Angular 2的组件生命周期

你可能感兴趣的:(Angular 2+ 的组件生命周期)