微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Angular组件生命周期

  1. 组件创建、变更至销毁的过程

  2. 所用函数(钩子)

 

  不必实现所有生命周期钩子,只要实现需要的那些就可以

3.函数详解

  1. constructor     →   组件的构造函数,用于依赖注入(服务)或执行简单的数据初始化操作  有时也可使用ngOnInit进行声明或初始化
    constructor(public heroservice: HeroService) {//依赖注入
        // 执行初始化操作
       this.id=3;
        this.name = 'Semlinker'; 
      }
  2. ngOnChange()     →   当组件内的输入控件得到更新时,即值发生变化。组件会调用函数(在ngOnInit之前调用
  3. ngOnInit()      →       仅在ngOnChanges事件之后和构造函数之后获得其调用,用于初始化组件的逻辑、数据 ,仅被调用一次
  4. ngDoCheck()     →     在ngOnInit之后立即随需应变(即使无变化),由Angular运行以检测任何更改
  5. ngAfterContentinit()      →   当第一次引入和检查组件的每个内容时(初始化内容),ngAfterContentinit将在ngDoCheck之后调用,仅被调用一次
  6. ngAfterContentCheck()     →   当这个方法等待ngContentinit完成后才开始执行,同时也在所有ngDocheck之后执行。使用Angular变化检测机制来检查组件内容修改
  7. ngAfterViewInit    →   在ngAfterContentChecked之后调用,在视图初始化之后,它只调用一次

  8. ngAfterViewChecked   →   ngAfterViewInit之后调用,并且为每个ngAfterContentChecked方法调用

  9. ngOnDestroy   →   在Angular销毁所有组件或指令之后调用,在从DOM中删除组件之前调用,负责清理逻辑,取消所有可观察对象的订阅,并分离事件处理程序,这样做可以防止内存泄漏。

4.总结

  1. ngDoCheck()、ngAfterContentCheck()、ngAfterViewChecked()会依次执行

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐