這個(gè)絕對(duì)是深入的知識(shí)，但看完之后，對(duì)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/

?

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

當(dāng)瀏覽器渲染一個(gè)頁(yè)面時(shí),本質(zhì)上是讀html標(biāo)識(shí),然后建立dom節(jié)點(diǎn),當(dāng)dom樹(shù)創(chuàng)建完畢之后廣播一個(gè)事件給我們.

當(dāng)你在頁(yè)面中使用script標(biāo)簽加載ng應(yīng)用程序代碼時(shí),ng監(jiān)聽(tīng)上面的dom完成事件,查找?guī)в衝g-app屬性的元素.

當(dāng)找到這樣的元素之后,ng開(kāi)始處理dom以這個(gè)元素的起點(diǎn),所以假如ng-app被添加到html元素上,則ng就會(huì)從html元素開(kāi)始處理dom.

從這個(gè)起點(diǎn)開(kāi)始,ng開(kāi)始遞歸查找所有子元素里面,符合應(yīng)用程序里定義好的指令規(guī)則.

ng怎樣處理指令其實(shí)是依賴于它定義時(shí)的對(duì)象屬性的,你可以定義一個(gè)compile或者一個(gè)link函數(shù),或者用pre-link和post-link函數(shù)來(lái)代替link.

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

在ng中,原始dom通常用來(lái)標(biāo)識(shí)template element,所以我在定義compile函數(shù)參數(shù)時(shí)就用到了tElem名字,這個(gè)變量指向的就是template element

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

所以post-link(pre-link)函數(shù)的element參數(shù)對(duì)象是一個(gè)element實(shí)例而不是一個(gè)template element.

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

• 如果你在定義指令的時(shí)候只使用了一個(gè)link函數(shù),那么ng會(huì)把這個(gè)函數(shù)當(dāng)成post-link來(lái)處理！！！！！！！！！！

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。