AngularJS 指令的執(zhí)行過程

2018-07-26 17:14 更新

ng 中對指令的解析與執(zhí)行過程是這樣的:

  • 瀏覽器得到 HTML 字符串內(nèi)容,解析得到 DOM 結(jié)構(gòu)。
  • ng 引入,把 DOM 結(jié)構(gòu)扔給 $compile 函數(shù)處理:
    • 找出 DOM 結(jié)構(gòu)中有變量占位符
    • 匹配找出 DOM 中包含的所有指令引用
    • 把指令關(guān)聯(lián)到 DOM
    • 關(guān)聯(lián)到 DOM 的多個指令按權(quán)重排列
    • 執(zhí)行指令中的 compile 函數(shù)(改變 DOM 結(jié)構(gòu),返回 link 函數(shù))
    • 得到的所有 link 函數(shù)組成一個列表作為 $compile 函數(shù)的返回
  • 執(zhí)行 link 函數(shù)(連接模板的 scope)。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號