angular系列之生命週期鉤子

概述

angular的組件及指令都有相應的聲明週期: 建立, 更新, 銷燬, 咱們能夠經過實現相應的生命週期鉤子接口來進入相應的該聲明週期的關鍵時刻spa

組件生命週期順序

圖片描述

  • ngOnChanges: 當組件數據綁定的輸入屬性發生變化時觸發, 該方法接受一個SimpleChanges對象,包括當前值和上一屬性值.首次調用必定發生在ngOnInit前,注意的是該方法僅限於對象的引用發生變化時,也就是說,若是對象的某個屬性發生變化,Angular是不會觸發onChanges的.
  • ngOninit:初始化指令或組件, 在angular第一次展現組件的綁定屬性後調用,該方法只調用一次.
  • ngDocheck: 檢測,並在發生Angular沒法或不肯意本身檢測的變化時做出反應。
    在每一個Angular變動檢測週期中調用,ngOnChanges()ngOnInit()以後。code

    • ngAfterContentInit: 當把內容投影進組件以後調用。
      第一次ngDoCheck()以後調用,只調用一次. 只適用於組件。
    • ngAfterContentChecked: 每次完成被投影組件內容的變動檢測以後調用。
      ngAfterContentInit()和每次ngDoCheck()以後調用,只適合組件。
    • ngAfterViewInit: 在angular初始化組件及其子組件的視圖以後調用, 只調用一次,第一次
      ngAfterContentChecked()以後調用.只適合組件。
    • ngAfterViewChecked: 每次作完組件視圖和子視圖的變動檢測以後調用。
      ngAfterViewInit()和每次ngAfterContentChecked()以後調用。只適合組件。
  • ngOnDestory: 在angular每次銷燬組件或指令以前調用, 一般用於移除事件監聽,退訂可觀察對象等.
相關文章
相關標籤/搜索