Angular8學習 生命週期

2021-09-27 01:42:02 字數 714 閱讀 3017

1.constructor

constructor(){} 建構函式永遠先被呼叫

2.ngonchanges

輸入屬性時被呼叫,也就是在元件中@input值發生變化時呼叫

import

from

'@angular/core'

;@input

() name;

@input

() age;

ngonchanges

(changes:******changes)

3.ngdocheck

髒值檢測,ngdocheck是angular框架被動觸發,與ngonchanges類似,所以不建議與ngonchanges同時使用

ngaftercontentinit:內容投影(元件裡面巢狀的內容) 完成時呼叫(一次)

當巢狀元件渲染完畢後執行

ngaftercontentchecked:檢查投影屬性的變化(多次)

ngafterviewinit:子檢視初始化(一次)

ngafterviewchecked:當檢測檢視變化時(多次)

4.ngondestroy

當元件銷毀時呼叫,一般使用*ngif銷毀,常用於清理setinterval定時任務

angular8的元件的生命週期

constructor 建構函式永遠首先被呼叫 ngonchanges 輸入屬性變化時被呼叫 在元件的 input 屬性發生變化的時候呼叫 ngoninit 元件初始化時被呼叫 ngdocheck 髒值檢測時呼叫 會呼叫多次 ngaftercontentinit 當內容投影ng content完成時...

angular生命週期

指令和元件的例項有乙個生命週期 新建 更新和銷毀。通過實現乙個或多個 angularcore庫里定義的生命週期鉤子介面,開發者可以介入該生命週期中的這些關鍵時刻。每個介面都有唯一的乙個鉤子方法,它們的名字是由介面名再加上ng字首構成的。比如,oninit介面的鉤子方法叫做ngoninit,angul...

angular 生命週期

以下排序是按見面載入時的順利載入,如果直接寫ngdocheck 就要執行4次他的子方法 constructor ngonchanges changes changes void 元件中巢狀的 的內容的變化髒值檢查 ngaftercontentchecked void 元件檢視渲染完成,可以安全的操作...