3-2 組件生命週期(2)


增值檢測也進行了兩遍。


補充onChanges的註釋。

value是SimpleChanges

Simples是一個接口,裏面的每一項是SimplChange對象。

SimpleChange對象
框架

ngAfterContentInit

組件內容初始化。須要實現接口AfterContentInit






3d

在組件調用的時候,組件的標籤內加上div和內容。這就是組件的內容對象


默認是不支持嵌套處理的。須要在組件內加上ng-content

這個時候咱們再來看這個組件。顯示出來了內容。

在div裏面的hello初始化以後,咱們要作點什麼的話就能夠在ngAfterContentInit裏面去作了。
blog

ngAfterContentChecked



須要實現接口


接口

ngAfterViewInit


ngAfterViewInit也是屢次調用的

一個組件和它的全部的子組件都初始化完成。


實現這個接口



it

ngAfterViewChecked

視圖初始化完成後的髒值監測。也是框架去完成的

加上接口

也是屢次被調用
bfc

總結



ngOnInit 一次性的,對組件類的初始化

先從ngContent內容搞起,初始化進來後,再髒值監測

而後視圖初始化,。在裏面的子的組件,包括本身組件自己視圖在初始化。而後進行視圖的髒值監測,這個過程其實就是由裏到外,先從內容開始,本身的視圖還有包括的子組件,這樣全檢測完以後。而後算作是你的整個View。init就給整個視圖渲染成功了。


後面爲何還有兩次髒值監測。這是由系統框架進行的。髒值監測通常都是屢次。
渲染

onDestroy




沒有被打印出來。由於組件沒有銷燬

實現接口


在它的父組件當中去銷燬。背景色是紅色的時候渲染這個組件。在其餘顏色的時候這個組件就沒有了。沒有就會觸發銷燬的動做。


一開始是紅色,點擊menu後顏色隨機成了紅色就銷燬了組件。


 im

結束-總結

黃色的都是子過程


組件裏嵌套的content或者view 都初始化完過後就是ngAfterViewInit
全部的checked都是髒值監測相關的,他們都是屢次的。
onChanges也是屢次的,只不過是以偶爾觸發性的,輸入屬性變化時纔會觸發


d3

相關文章
相關標籤/搜索