Angular 中的生命週期函式

2021-10-18 14:23:42 字數 1245 閱讀 8019

生命週期函式通俗的講就是元件建立、元件更新、元件銷毀的時候會觸發的一系列的方法。

// 建構函式中除了使用簡單的值對區域性變數進行初始化 之外,什麼都不應該做。 (非生命週期函式)

constructor()

// 當 angular(重新)設定資料繫結輸入屬性時響應。

// 該方法接受當前和上一屬性值的 ******changes 物件 當被繫結的輸入屬性的值發生變化時呼叫

// 首次呼叫一 定會發生在 ngoninit() 之前。

ngonchanges()

// 在 angular 第一次顯示資料繫結和設定指令/元件的輸 入屬性之後,初始化指令/元件。

// 在第一輪 ngonchanges() 完成之後呼叫,只呼叫一次。

// 使用 ngoninit() 有兩個原因:

// 1、在建構函式之後馬上執行複雜的初始化邏輯

// 2、在 angular 設定完輸入屬性之後,對該元件進行準備

ngoninit()

:void

// 檢測,並在發生 angular 無法或不願意自己檢測的變 化時作出反應。在每個 angular 變更檢測週期中呼叫, ngonchanges() 和 ngoninit() 之後。

ngdocheck()

// 當把內容投影進元件之後呼叫。第一次 ngdocheck() 之 後呼叫,只呼叫一次。

ngaftercontentinit()

:void

// 每次完成被投影元件內容的變更檢測之後呼叫。 ngaftercontentinit() 和每次 ngdocheck() 之後呼叫。

ngaftercontentchecked()

// 初 始 化 完 組 件 視 圖 及 其 子 視 圖 之 後 調 用 。 第 一 次 ngaftercontentchecked() 之後呼叫,只呼叫一次。

ngafterviewinit()

:void

// 每次做完元件檢視和子檢視的變更檢測之後呼叫。 ngafterviewinit()和每次 ngaftercontentchecked() 之後 呼叫。

ngafterviewchecked()

// 當 angular 每次銷毀指令/元件之前呼叫並清掃。在這 兒反訂閱可觀察物件和分離事件處理器,以防記憶體洩 漏。在 angular 銷毀指令/元件之前呼叫。

ngondestroy()

Angular的生命週期函式

中文官網位址對於生命週期的說明 生命週期函式 觸發時機 ngonchanges 設定或重新設定資料繫結的輸入屬性時響應 ngoninit 只執行一次 第一次顯示資料繫結和設定指令 元件的輸入屬性之後,初始化指令 元件 ngdocheck 檢測,並在發生 angular 無法或不願意自己檢測的變化時作...

生命週期函式

另外說一下生命週期函式 virtual void onenter virtual void onentertransitiondidfinish virtual void onexit 這3個是遇到對應情況時呼叫的。在cpp檔案裡如果把它們示例了,你可以在開始時放 結束時關閉 等等。如果他下面的之類...

angular的生命週期函式 面試題

angular 指令的生命週期,它是用來記錄指令從建立 應用及銷毀的過程。angular 提供了一系列與指令生命週期相關的鉤子,便於我們監控指令生命週期的變化,並執行相關的操作。angular 中所有的鉤子如下圖所示 生命週期函式 作用ngonchanges 初始化輸入屬性 angular 重新 設...