Angular2/4 生命周期回调函数

最新推荐文章于 2023-03-06 11:22:45 发布

AndrewDengpf

最新推荐文章于 2023-03-06 11:22:45 发布

阅读量1.5k

点赞数

分类专栏： Angular2/4

本文链接：https://blog.csdn.net/andrewdengpf/article/details/74528716

版权

Angular2/4 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Lifecycle sequence（生命周期流程）

After creating a component/directive by calling its constructor, Angular calls the lifecycle hook methods in the following sequence at specific moments:

Hook	Purpose and Timing
`ngOnChanges()`	Respond when Angular (re)sets data-bound input properties. The method receives a `SimpleChanges` object of current and previous property values. Called before `ngOnInit()` and whenever one or more data-bound input properties change.
`ngOnInit()`	Initialize the directive/component after Angular first displays the data-bound properties and sets the directive/component's input properties. Called once, after the first `ngOnChanges()`.
`ngDoCheck()`	Detect and act upon changes that Angular can't or won't detect on its own. Called during every change detection run, immediately after `ngOnChanges()` and `ngOnInit()`.
`ngAfterContentInit()`	Respond after Angular projects external content into the component's view. Called once after the first `ngDoCheck()`. A component-only hook.
`ngAfterContentChecked()`	Respond after Angular checks the content projected into the component. Called after the `ngAfterContentInit()` and every subsequent `ngDoCheck()`. A component-only hook.
`ngAfterViewInit()`	Respond after Angular initializes the component's views and child views. Called once after the first `ngAfterContentChecked()`. A component-only hook.
`ngAfterViewChecked()`	Respond after Angular checks the component's views and child views. Called after the `ngAfterViewInit` and every subsequent `ngAfterContentChecked()`. A component-only hook.
`ngOnDestroy`	Cleanup just before Angular destroys the directive/component. Unsubscribe Observables and detach event handlers to avoid memory leaks. Called just before Angular destroys the directive/component.