Angular 2的組件生命周期函數
函數 | 應用范圍 | 目的和觸發時機 |
---|---|---|
ngOnChanges | 組件和指令 | 在ngInit之前觸發,當Angular設置數據綁定屬性或輸入性屬性時會得到一個包含當前和之前屬性值的對象(SimpleChanges) |
ngOnInit | 組件和指令 | 只調用一次,在設置完輸入性屬性后,通過這個函數初始化組件或指令 |
ngDoCheck | 組件和指令 | 在ngInit之后,每次檢測到變化時觸發,可以在此檢查一些angular自身無法檢查的變化 |
ngAfterContentInit | 組件 | 在ngDoCheck后觸發,只調用一次,把要裝載到組件視圖的內容初始化后 |
ngAfterContentChecked | 組件 | ngAfterContentInit之后每次ngDoCheck都會在之后觸發ngAfterContentChecked,對要裝載到組件視圖的內容進行檢查后 |
ngAfterViewInit | 組件 | 在第一個ngAfterContentInit被調用后觸發,只調用一次,在angular初始化視圖后響應 |
ngAfterViewChecked | 組件 | 在ngAfterViewInit后及每個ngAfterContentChecked后觸發 |
ngOnDestroy | 組件和指令 | 在組件或指令被銷毀前,清理環境,可以在此處取消Observable的訂閱 |