這個絕對是深入的知識，但看完之后，對NG的理解就很利害啦。

http://www.ifeenan.com/angularjs/2014-09-04-%5B%E8%AF%91%5DNG%E6%8C%87%E4%BB%A4%E4%B8%AD%E7%9A%84compile%E4%B8%8Elink%E5%87%BD%E6%95%B0%E8%A7%A3%E6%9E%90/

?

開始分析之前,先讓我們看看ng中是怎么樣處理指令的.

當瀏覽器渲染一個頁面時,本質上是讀html標識,然后建立dom節點,當dom樹創建完畢之后廣播一個事件給我們.

當你在頁面中使用script標簽加載ng應用程序代碼時,ng監聽上面的dom完成事件,查找帶有ng-app屬性的元素.

當找到這樣的元素之后,ng開始處理dom以這個元素的起點,所以假如ng-app被添加到html元素上,則ng就會從html元素開始處理dom.

從這個起點開始,ng開始遞歸查找所有子元素里面,符合應用程序里定義好的指令規則.

ng怎樣處理指令其實是依賴于它定義時的對象屬性的,你可以定義一個compile或者一個link函數,或者用pre-link和post-link函數來代替link.

=========================

在ng中,原始dom通常用來標識template element,所以我在定義compile函數參數時就用到了tElem名字,這個變量指向的就是template element

=========================

所以post-link(pre-link)函數的element參數對象是一個element實例而不是一個template element.

===========================

• 如果你在定義指令的時候只使用了一個link函數,那么ng會把這個函數當成post-link來處理！！！！！！！！！！

總結

以上是生活随笔為你收集整理的必须正确理解的---ng指令中的compile与link函数解析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。