Angular2 -- 生命周期钩子

组件生命周期钩子

指令和组件的实例有一个生命周期：新建、更新和销毁。
每一个接口都有惟一的一个钩子方法，它们的名字是由接口名加上 ng前缀构成的。好比，OnInit接口的钩子方法叫作ngOnInit。
指令和组件
ngOnInit：当Angular初始化完成数据绑定的输入属性后，用来初始化指令或者组件。
ngOnChanges：当Angular设置了一个被绑定的输入属性后触发。该回调方法会收到一个包含当前值和原值的changes对象。
ngDoCheck：用来检测全部变化（不管是Angular自己能检测仍是没法检测的），并做出相应行动。在每次执行“变动检测”时被调用。
ngOnDestory：在Angular销毁指令或组件以前作一些清理工做，好比退订可观察对象和移除事件处理器，以避免致使内存泄漏。
只适用于组件
ngAfterContentInit：当Angular把外来内容投影进本身的视图以后调用。
ngAfterContentChecked：当Angular检查完那些投影到本身视图中的外来内容的数据绑定以后调用。
ngAfterViewInit：在Angular建立完组件的视图后调用。
ngAfterViewChecked：在Angular检查完组件视图中的绑定后调用。

生命周期的顺序

• ngOnChanges：当被绑定的输入属性的值发生变化时调用，首次调用必定会发生在ngOnInit以前。
• ngOnInit：在第一轮ngOnChanges完成以后调用。
• ngDoCheck：在每一个Angular变动检测周期中调用。
• ngAfterContentInit：当把内容投影进组件以后调用。
• ngAfterContentChecked：每次完成被投影组件内容的变动检测以后调用。
• ngAfterViewInit：初始化完组件及其子视图以后调用。
• ngAfterViewChecked：每次作完组件视图和子视图的变动检测以后调用。
• ngOnDestroy：当Angular每次销毁指令/组件以前调用。

做者：Yeaseon 连接：https://www.jianshu.com/p/8f4c15186d7b 來源：简书 简书著做权归做者全部，任何形式的转载都请联系做者得到受权并注明出处。