angular1 執行流程

2021-07-24 22:49:11 字數 793 閱讀 8433

1.

使用者請求起始頁 index.html,載入所有的js檔案, angular建立了乙個全域性的angular物件,只是單純的angular庫被匯入,和整個框架沒有關係。

2.

angular.bootstrap(element,[modules],[config]);

---- [config] 引導配置項 

注意:bootstrap必須是在其element元素所指向的dom數載入完畢後才能使用。  可以使用angular.element(element)獲取document元素,並在其載入完畢後再執行相關的操作。 

angular.element(document).ready(function() );

3.當angular進入引導狀態後(這個過程讓angular從乙個庫轉變成了乙個框架):

angular.element(document).data("$injector",injector);

angular.element(document.body).data("$rootscope"); 可以檢視這個根作用域物件

關於編譯:$compile是angular的乙個內建服務,它負責遍歷dom樹來匹配指令。directive用於告訴$compile將特定的行為繫結到dom。

關於指令匹配:指令匹配的規範化:1.去除字首-x或者-data  2.以:-_,為分隔符的,切分並且隨後的單詞首字母大寫 3.重新拼接單詞    

一 從Angular1到Angular2的雜談

使用了angular1一年下來,完成了若干專案,承蒙此框架的強大帶來了不算差的專案編寫體驗,但1.版本的angular,確實是有厲害的地方也有其尷尬的地方,包括較多資料的渲染的效能問題,還有就是可能很多人都會覺得ng提供的很多語法很限制。總結就是ng1這個框架,試試水會覺得它厲害到不行,深入了會碰到...

一 從Angular1到Angular2的雜談

使用了angular1一年下來,完成了若干專案,承蒙此框架的強大帶來了不算差的專案編寫體驗,但1.版本的angular,確實是有厲害的地方也有其尷尬的地方,包括較多資料的渲染的效能問題,還有就是可能很多人都會覺得ng提供的很多語法很限制。總結就是ng1這個框架,試試水會覺得它厲害到不行,深入了會碰到...

Angular1建立自定義指令

高能警告 這是一篇面向有angular1專案基礎經驗開發者的文章,如果你是在查詢directives api,你應該去 compile api 文件那邊。牆那邊的傳送門 嗖 什麼是directive?在angular1的高階學習中,directives就是dom元素世界中的創造者 比如 屬性 元素名...