Angular2 生命週期

2022-04-29 17:54:11 字數 838 閱讀 6918

元件生命週期鉤子

指令和元件的例項有乙個生命週期:新建、更新和銷毀。

每個介面都有唯一的乙個鉤子方法,它們的名字是由介面名加上ng字首構成的。比如,oninit介面的鉤子方法叫做ngoninit

指令和元件

ngoninit:當angular初始化完成資料繫結的輸入屬性後,用來初始化指令或者元件。

ngonchanges:當angular設定了乙個被繫結的輸入屬性後觸發。該**方法會收到乙個包含當前值和原值的changes物件。

ngdocheck:用來檢測所有變化(無論是angular本身能檢測還是無法檢測的),並作出相應行動。在每次執行「變更檢測」時被呼叫。

ngondestory:在angular銷毀指令或元件之前做一些清理工作,比如退訂可觀察物件和移除事件處理器,以免導致記憶體洩漏。

只適用於元件

ngaftercontentinit:當angular把外來內容投影進自己的檢視之後呼叫。

ngaftercontentchecked:當angular檢查完那些投影到自己檢視中的外來內容的資料繫結之後呼叫。

ngafterviewinit:在angular建立完元件的檢視後呼叫。

ngafterviewchecked:在angular檢查完元件檢視中的繫結後呼叫。

生命週期的順序

angular2 生命週期

ngonchanges 當資料繫結輸入屬性的值發生變化時呼叫 ngoninit 在第一次 ngonchanges 後呼叫 ngdocheck 自定義的方法,用於檢測和處理值的改變 ngaftercontentinit 在元件內容初始化之後呼叫 ngaftercontentchecked 元件每次檢查...

Angular2生命週期鉤子函式

angular每個元件都存在乙個生命週期,從建立,變更到銷毀。angular提供元件生命週期鉤子,把這些關鍵時刻暴露出來,賦予在這些關鍵結點和元件進行互動的能力,掌握生命週期,可以讓我們更好的開發angular應用 概述 每個介面都有唯一的乙個鉤子方法,它們的名字是由介面名再加上ng字首構成的。比如...

angular2的生命週期理解

1.對於一些通過輸入介面給元件傳值,元件對傳遞的值需要做處理的操作,一般放在ngoninit中。ngoninit 是 angular 2 元件生命週期中的乙個鉤子,angular 2 中的所有鉤子和呼叫順序如下 ngonchanges 當資料繫結輸入屬性的值發生變化時呼叫 ngoninit 在第一次...