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

  • 相关阅读:
    第四章 分布式扩展
    第三章 2.性能压测,容量问题
    第三章 1.云部署,打包上传
    MySQL语法大全
    Python随手记
    Python操作Mysql中文乱码问题
    Python基础函数
    破解电信校园网路由限制
    ThinkPHP扩展函数的三个方法
    $_SERVERS预定义变量
  • 原文地址:https://www.cnblogs.com/huangfeihong/p/9156682.html
Copyright © 2011-2022 走看看