Angular组件生命周期——生命周期钩子

生命周期钩子介绍:

  1、ngOnChange:响应组件输入值发生变化时触发的事件。

  2、ngOnInit:用于数据绑定输入属性之后初始化组件,在第一次ngOnChange之后被调用。

    a. 组件构造后不久就要进行复杂的初始化。

    b. 需要在输入属性设置完成之后才构建组件。

     在组件中,经常使用ngOnInit获取数据。

  3、ngDoCheck:用于变化监测,该钩子方法会在每次变化监测发生时被调用。因为变化监测会被频繁触发,因此该钩子方法要慎用。

  4、ngAfterContentInit:在组件中使用<ng-content>将外部内容嵌入到组件视图后就会调用该钩子方法,它在第一次ngDoCheck执行后调用,且只执行一次。

  5、ngAfterContentChecked:在组件使用了<ng-content>自定义内容的情况下,在这些外部内容嵌入到组件视图后,或者每次变化监测的时候都会调用该钩子方法。

  6、ngAfterVIewInit:该钩子方法会在Angular创建了组件的视图及其子视图之后被调用。

  7、ngAfterViewChecked:该钩子方法在Angular创建了组件的视图及其子组件的视图之后被调用一次,并且在每次子组件变化监测时也会被调用。

  8、ngOnDestroy:该钩子方法在销毁指令/组件之前触发。   

posted @ 2018-06-08 17:16  狮子爱吃草  阅读(910)  评论(0编辑  收藏  举报