元件生命週期鉤子
指令和元件的例項有乙個生命週期:新建、更新和銷毀。
每個介面都有唯一的乙個鉤子方法,它們的名字是由介面名加上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 在第一次...