Angular 2+ 的组件生命周期

Angular 2的组件生命周期函数

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。