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

  • 相关阅读:
    十三 .Django(ORM表高级操作)
    十二 .Django ForeighKey自关联(ORM)
    十二 .Django 一对多表ForeighKey(ORM)
    十一 .Django 一对一表OneToOneField (ORM)
    十 .Django 单表操作(ORM)
    八 .Django 模型(models)
    【模板】Lucas定理
    【模板】AC自动机加强版
    【模板】AC自动机
    【POJ3162】Walking Race 树形dp+单调队列+双指针
  • 原文地址:https://www.cnblogs.com/huangfeihong/p/9156682.html
Copyright © 2020-2023  润新知