天天看點

Angular元件生命周期——生命周期鈎子

生命周期鈎子介紹:

  1、ngOnChange:響應元件輸入值發生變化時觸發的事件。

  2、ngOnInit:用于資料綁定輸入屬性之後初始化元件,在第一次ngOnChange之後被調用。

    a. 元件構造後不久就要進行複雜的初始化。

    b. 需要在輸入屬性設定完成之後才建構元件。

     在元件中,經常使用ngOnInit擷取資料。

  3、ngDoCheck:用于變化監測,該鈎子方法會在每次變化監測發生時被調用。因為變化監測會被頻繁觸發,是以該鈎子方法要慎用。

  4、ngAfterContentInit:在元件中使用<ng-content>将外部内容嵌入到元件視圖後就會調用該鈎子方法,它在第一次ngDoCheck執行後調用,且隻執行一次。

  5、ngAfterContentChecked:在元件使用了<ng-content>自定義内容的情況下,在這些外部内容嵌入到元件視圖後,或者每次變化監測的時候都會調用該鈎子方法。

  6、ngAfterVIewInit:該鈎子方法會在Angular建立了元件的視圖及其子視圖之後被調用。

  7、ngAfterViewChecked:該鈎子方法在Angular建立了元件的視圖及其子元件的視圖之後被調用一次,并且在每次子元件變化監測時也會被調用。

  8、ngOnDestroy:該鈎子方法在銷毀指令/元件之前觸發。   

轉載于:https://www.cnblogs.com/huangfeihong/p/9156682.html

繼續閱讀