angular系列之生命周期钩子

概述

angular的组件及指令都有相应的声明周期: 建立, 更新, 销毁, 咱们能够经过实现相应的生命周期钩子接口来进入相应的该声明周期的关键时刻

组件生命周期顺序

• ngOnChanges: 当组件数据绑定的输入属性发生变化时触发, 该方法接受一个SimpleChanges对象,包括当前值和上一属性值.首次调用必定发生在ngOnInit前,注意的是该方法仅限于对象的引用发生变化时，也就是说，若是对象的某个属性发生变化，Angular是不会触发onChanges的.
• ngOninit:初始化指令或组件, 在angular第一次展现组件的绑定属性后调用,该方法只调用一次.

• ngDocheck: 检测，并在发生Angular没法或不肯意本身检测的变化时做出反应。
  在每一个Angular变动检测周期中调用，ngOnChanges()和ngOnInit()以后。

  • ngAfterContentInit: 当把内容投影进组件以后调用。
    第一次ngDoCheck()以后调用，只调用一次. 只适用于组件。
  • ngAfterContentChecked: 每次完成被投影组件内容的变动检测以后调用。
    ngAfterContentInit()和每次ngDoCheck()以后调用,只适合组件。
  • ngAfterViewInit: 在angular初始化组件及其子组件的视图以后调用, 只调用一次,第一次
    ngAfterContentChecked()以后调用.只适合组件。
  • ngAfterViewChecked: 每次作完组件视图和子视图的变动检测以后调用。
    ngAfterViewInit()和每次ngAfterContentChecked()以后调用。只适合组件。
• ngOnDestory: 在angular每次销毁组件或指令以前调用, 一般用于移除事件监听，退订可观察对象等.