Angular生命周期

生命周期图(先后顺序调用)

    1.constructor()( 非生命周期函数)(构造函数永远首先被调用)

         构造函数执行了--除了使用简单的值 对局部进行初始化外,什么都不应该做

    2.ngOnChanges(changes: SimpleChanges)

         当被绑定的输入属性的值发生变化时调用(父子组件传值的时候会触发)

         SimpleChanges: 字典型属性 key 表示输入属性名字 value是 SimpleChange 

    3.ngOnInit()

          一般请求数据,只调用一次,组件初始化调用

    4.ngDoCheck()

           检测,并在发生angular无法或者不愿意自己检测的变化时做出反应;脏值检测时候调用(多次)

    5.ngAfterContentInit()

          当把内容投影进组件之后调用(当内容投影ng-content完成时调用)

    6.ngAfterContentChecked()

          没当完成被投影组件内容的变更检测之后调用(angular检测投影内容时调用【多次】)

    7.ngAfterViewInit()

          初始化组件视图及其子视图之后调用(dom操作放在这个里面)

    8.ngAfterViewChecked()

           每次做完组件视图和子视图变更检测之后调用(多次)

    9.ngOnDestroy()

           组件销毁

    10.主要的生命周期函数(钩子)

           ngOnInit()

           ngAfterViewInit()

           ngOnDestroy()

你可能感兴趣的:(Angular生命周期)