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()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。