1. 程式人生 > >angualar入門學習-- 自定義指令 指令編譯執行過程

angualar入門學習-- 自定義指令 指令編譯執行過程

監聽 監聽器 註冊 sco lar scl $watch 學習 排序

3個階段:

一、加載階段

加載angular.js的源碼,找到ng-app確定應用邊界範圍。

二、編譯階段 compile

查找所有指令,保存在一個列表中

對所有指令按優先級(property屬性值)排序,根據指令的配置參數(template、transclude等)轉換為DOM,使指令初具形態。

三、鏈接階段 link

執行合體後的link函數。link一般用來操作DOM、綁定事件監聽。

為每條指令運行link函數,即將view和scope鏈接起來,數據綁定;通過在數據上註冊監聽器來動態修改scope中的數據,或者使用$watch監聽scope中的變量來修改DOM,從而建立雙向綁定。

angualar入門學習-- 自定義指令 指令編譯執行過程