angular提供了生命週期鉤子,把這些關鍵生命時刻暴露出來,賦予我們在它們發生時採取行動的能力。可以將鉤子函式理解為在合適的時候做合適的事情。
官方給出的解釋是:
每個元件都有乙個被 angular 管理的生命週期。
angular 建立它,渲染它,建立並渲染它的子元件,在它被繫結的屬性發生變化時檢查它,並在它從 dom 中被移除前銷毀它。
angular 提供了生命週期鉤子,把這些關鍵生命時刻暴露出來,賦予你在它們發生時採取行動的能力。
除了那些元件內容和檢視相關的鉤子外,指令有相同生命週期鉤子。
angular提供了八個鉤子函式
constructor
↓ngonchanges
↓ngoninit
↓ngdocheck
↓ngaftercontentinit
↓ngaftercontentchecked
↓ngafterviewinit
↓ngafterviewchecked
ngdocheck
↓ngaftercontentchecked
↓ngafterviewchecked
…ngdestory
父元件:
元件模板
}
元件
@component()
export class fathercomponent implements oninit
ngoninit()
ngonchanges()
ngdocheck ()
ngaftercontentinit()
ngaftercontentchecked()
ngafterviewinit()
ngafterviewchecked()
}
子元件:
@component()
export class soncomponent implements oninit
ngoninit()
ngonchanges ()
ngdocheck ()
ngaftercontentinit()
ngaftercontentchecked()
ngafterviewinit()
ngafterviewchecked()
}
列印結果:
當在父元件的input中輸入內容時,會列印如下結果:
Autofac 之三 生命週期
1 instanceperdependency 對每乙個依賴或每一次呼叫建立乙個新的唯一的例項。這也是預設的建立例項的方式。2 instanceperlifetimescope 在乙個生命週期域中,每乙個依賴或呼叫建立乙個單一的共享的例項,且每乙個不同的生命週期域,例項是唯一的,不共享的。3 ins...
Mybatis實戰(三)生命週期分析
本文將重點討論mybatis中幾個重要物件的範圍和生命週期。不正確的使用它們會導 致嚴重的併發問題。這個類可以被例項化,使用和丟棄。一旦你建立了 sqlsessionfactory 後,這個類就不需 要存在了。因此 sqlsessionfactorybuilder 例項的最佳範圍是方法範圍 也就是本...
Svelte 迷途求索(三) 生命週期
每個元件都有從建立到銷毀的過程,這個過程被稱為生命週期 生命週期可以解決一些業務上的需求,比如元件載入時請求資料 元件銷毀時清除定時器 svelte 提供了五個生命週期函式 元件載入 onmount 更新前 beforeupdate 更新後 afterupdate 元件銷毀 ondestroy ti...