Angular學習 三 生命週期鉤子

2021-09-08 16:57:14 字數 1448 閱讀 4618

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...