Angular_指令与组件的变更检测与生命周期钩子

版权声明:本文为Martin原创文章,未经Martin允许不得转载。 https://blog.csdn.net/qq_36279445/article/details/81383847

指令与组件的变更检测与生命周期钩子

由类的方法实现。

constructor(myService: MyService, ...) { ... }

在任何其它生命周期钩子之前调用。可以用它来注入依赖项,但不要在这里做正事。

ngOnChanges(changeRecord) { ... }

每当输入属性发生变化时就会调用,但位于处理内容(ng-content)或子视图之前。

ngOnInit() { ... }

在调用完构造函数、初始化完所有输入属性并首次调用过ngOnChanges之后调用。

ngDoCheck() { ... }

每当对组件或指令的输入属性进行变更检测时就会调用。可以用它来扩展变更检测逻辑,执行自定义的检测逻辑。

ngAfterContentInit() { ... }

ngOnInit完成之后,当组件或指令的内容(ng-content)已经初始化完毕时调用。

ngAfterContentChecked() { ... }

每当组件或指令的内容(ng-content)做变更检测时调用。

ngAfterViewInit() { ... }

ngAfterContentInit完毕,并且组件的视图及其子视图或指令所属的视图已经初始化完毕时调用。

ngAfterViewChecked() { ... }

当组件的视图及其子视图或指令所属的视图每次执行变更检测时调用。

ngOnDestroy() { ... }

只在实例被销毁前调用一次。

猜你喜欢

转载自blog.csdn.net/qq_36279445/article/details/81383847
今日推荐