zoukankan      html  css  js  c++  java
  • 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:该钩子方法在销毁指令/组件之前触发。   

  • 相关阅读:
    虚树
    最小树形图
    分块
    斜率优化
    单调队列优化DP
    树套树
    2-SAT
    莫队
    单调队列
    单调栈
  • 原文地址:https://www.cnblogs.com/huangfeihong/p/9156682.html
Copyright © 2011-2022 走看看