-
组件创建、变更至销毁的过程
-
所用函数(钩子)
不必实现所有生命周期钩子,只要实现需要的那些就可以
3.函数详解
- constructor → 组件的构造函数,用于依赖注入(服务)或执行简单的数据初始化操作 有时也可使用ngOnInit进行声明或初始化
constructor(public heroservice: HeroService) {//依赖注入 // 执行初始化操作 this.id=3; this.name = 'Semlinker'; }
- ngOnChange() → 当组件内的输入控件得到更新时,即值发生变化。组件会调用此函数(在ngOnInit之前调用)
- ngOnInit() → 仅在ngOnChanges事件之后和构造函数之后获得其调用,用于初始化组件的逻辑、数据 ,仅被调用一次
- ngDoCheck() → 在ngOnInit之后立即随需应变(即使无变化),由Angular运行以检测任何更改
- ngAfterContentinit() → 当第一次引入和检查组件的每个内容时(初始化内容),ngAfterContentinit将在ngDoCheck之后调用,仅被调用一次
- ngAfterContentCheck() → 当这个方法等待ngContentinit完成后才开始执行,同时也在所有ngDocheck之后执行。使用Angular变化检测机制来检查组件内容的修改
-
ngAfterViewInit → 在ngAfterContentChecked之后调用,在视图初始化之后,它只调用一次
-
ngAfterViewChecked → ngAfterViewInit之后调用,并且为每个ngAfterContentChecked方法调用
- ngOnDestroy → 在Angular销毁所有组件或指令之后调用,在从DOM中删除组件之前调用,负责清理逻辑,取消所有可观察对象的订阅,并分离事件处理程序,这样做可以防止内存泄漏。
4.总结
- ngDoCheck()、ngAfterContentCheck()、ngAfterViewChecked()会依次执行
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。