Angular簡單介紹和生命週期

2021-10-01 07:30:53 字數 979 閱讀 2247

google工程師開發的前端js庫

乙個mvvm框架

angular 官方位址

angular ui 庫

ant design of angular(pc)

ant design mobile of angular (移動端)

element ui等

生命週期圖(先後順序呼叫)

constructor()( 非生命週期函式)(建構函式永遠首先被呼叫)

建構函式執行了--除了使用簡單的值 對區域性進行初始化外,什麼都不應該做

ngonchanges(changes: ******changes)

當被繫結的輸入屬性的值發生變化時呼叫(父子元件傳值的時候會觸發)

******changes: 字典型屬性 key 表示輸入屬性名字 value是 ******change

ngoninit()

一般請求資料,只呼叫一次,元件初始化呼叫

ngdocheck()

檢測,並在發生angular無法或者不願意自己檢測的變化時做出反應;髒值檢測時候呼叫(多次)

ngaftercontentinit()

當把內容投影進元件之後呼叫(當內容投影ng-content完成時呼叫)

ngaftercontentchecked()

沒當完成被投影元件內容的變更檢測之後呼叫(angular檢測投影內容時呼叫【多次】)

ngafterviewinit()

初始化元件檢視及其子檢視之後呼叫(dom操作放在這個裡面)

ngafterviewchecked()

每次做完元件檢視和子檢視變更檢測之後呼叫(多次)

ngondestroy()

元件銷毀

主要的生命週期函式(鉤子)

ngoninit()

ngafterviewinit()

ngondestroy()

angular4 x學習筆記 元件以及生命週期

自從採用元件化的react大火之後,目前市面上炙手可熱的框架全都採用了元件化的理念,angular當然也不能落後了。可以說,元件化是angular的核心理念。按angular在中國的布道者大漠窮秋的話來說,就是 angular的核心概念是元件,模組化機制ngmodule是為元件化服務的,實際上所有其...

Activity和Fragment生命週期變化

情形一 啟動應用載入activity和fragment activity oncreate fragment onattach fragment oncreate fragment oncreateview fragment onactivitycreate activity onstart fra...

angular1 x的簡單介紹 二

關於angular.element在angular中的使用和jquery中的 是完全一樣的,當本頁面中沒有外部的jquery,angular.element是等價於jqlite的.是區別angular內部類與定義類的標識,而 表示私有方法.function scope 告訴我們 injector所在...