當 Angular 實例化組件類并渲染組件視圖及其子視圖時，組件實例的生命周期就開始了。生命周期一直伴隨著變更檢測，Angular 會檢查數(shù)據(jù)綁定屬性何時發(fā)生變化，并按需更新視圖和組件實例。當 Angular 銷毀組件實例并從 DOM 中移除它渲染的模板時，生命周期就結(jié)束了。當 Angular 在執(zhí)行過程中創(chuàng)建、更新和銷毀實例時，指令就有了類似的生命周期。

你的應(yīng)用可以使用生命周期鉤子方法來觸發(fā)組件或指令生命周期中的關(guān)鍵事件，以初始化新實例，需要時啟動變更檢測，在變更檢測過程中響應(yīng)更新，并在刪除實例之前進行清理。

鉤子方法

ngOnChanges() 當 Angular 設(shè)置或重新設(shè)置數(shù)據(jù)綁定的輸入屬性時響應(yīng)。 該方法接受當前和上一屬性值的 SimpleChanges 對象。 注意，這發(fā)生的非常頻繁，所以你在這里執(zhí)行的任何操作都會顯著影響性能。在 ngOnInit() 之前以及所綁定的一個或多個輸入屬性的值發(fā)生變化時都會調(diào)用。 注意，如果你的組件沒有輸入，或者你使用它時沒有提供任何輸入，那么框架就不會調(diào)用 ngOnChanges()。 ngOnInit() 在 Angular 第一次顯示數(shù)據(jù)綁定和設(shè)置指令/組件的輸入屬性之后，初始化指令/組件。 在第一輪 ngOnChanges() 完成之后調(diào)用，只調(diào)用一次。 ngDoCheck() 當 Angular 把外部內(nèi)容投影進組件視圖或指令所在的視圖之后調(diào)用。 第一次 ngDoCheck() 之后調(diào)用，只調(diào)用一次。 ngAfterContentChecked() 每當 Angular 檢查完被投影到組件或指令中的內(nèi)容之后調(diào)用。 ngAfterContentInit() 和每次 ngDoCheck() 之后調(diào)用。 ngAfterViewInit() 當 Angular 初始化完組件視圖及其子視圖或包含該指令的視圖之后調(diào)用。 第一次 ngAfterContentChecked() 之后調(diào)用，只調(diào)用一次。 ngAfterViewChecked() 每當 Angular 做完組件視圖和子視圖或包含該指令的視圖的變更檢測之后調(diào)用。 ngAfterViewInit() 和每次 ngAfterContentChecked() 之后調(diào)用。 ngOnDestroy() 每當 Angular 每次銷毀指令/組件之前調(diào)用并清掃。 在這兒反訂閱可觀察對象和分離事件處理器，以防內(nèi)存泄漏。 在 Angular 銷毀指令或組件之前立即調(diào)用。

總結(jié)

以上是生活随笔為你收集整理的angular的生命周期的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。