码迷,mamicode.com
首页 > 其他好文 > 详细

angular2的组件生命周期 及其生命钩子

时间:2020-05-04 23:08:34      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:继承   ges   顺序   views   接口   child   tin   content   checked   

angular2生命周期
从组件创建,变更到最后的销毁。angular2提供一些生命钩子提供是=使用。
按照生命周期执行的先后顺序,Angular生命周期接口如下所示

ngOnChanges

当被绑定的输入属性的值发生变化时调用,首次调用一定会发生在 ngOnInit之前。 继承接口OnChanges 指令和组件

ngOnInit 在第一轮 ngOnChanges 完成之后调用。 ( 译注:也就是说当每个输入属性的值都被触发了一次 ngOnChanges 之后才会调用 ngOnInit ,此时所有输入属性都已经有了正确的初始绑定值 ) OnInit 指令和组件

ngDoCheck 在每个 Angular 变更检测周期中调用。DoCheck指令和组件

ngAfterContentInit 当把内容投影进组件之后调用。 继承接口AfterContentInit 组件

ngAfterContentChecked 每次完成被投影组件内容的变更检测之后调用。继承接口AfterContentChecked组件

ngAfterViewInit 初始化完组件视图及其子视图之后调用。 官方原话after initializing the component‘s views and child views. AfterViewInit 组件

ngAfterViewChecked 每次做完组件视图和子视图的变更检测之后调用。AfterViewChecked 组件

ngOnDestroy 当 Angular 每次销毁指令 / 组件之前调用。OnDestroy 指令和组件

angular2的组件生命周期 及其生命钩子

标签:继承   ges   顺序   views   接口   child   tin   content   checked   

原文地址:https://blog.51cto.com/14582569/2492389

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!