directive中的引數詳解

2022-02-02 17:25:35 字數 966 閱讀 9197

restrict

e: 表示該directive僅能以element方式使用,即:

a: 表示該directive僅能以attribute方式使用,即:

ea: 表示該directive既能以element方式使用,也能以attribute方式使用

transclude

你的directive可能接受頁面上的其他html內容時才會用到,建議你先去掉該引數。有些高階了。

scope

當你寫上該屬性時,就表示這個directive不會從它的controller裡繼承$scope物件,而是會重新建立乙個。

templateurl

你的directive裡的html內容

link

可以簡單理解為,當directive被angular 編譯後,執行該方法

這裡你說的沒錯,link中的第乙個引數scope基本上就是你說的上面寫的那個scope

element簡單說就是$('my-dialog')

attrs是個map,內容是你這個directive上的所有屬性,例如:你在頁面上如果這樣寫了directive:

my-dialog>

attrs就是:

Vue中directive原理分析

vue在處理指令時,會首先判斷指令是新的還是舊的。也就是需要對比舊節點和新節點上的指令。比如新節點比舊節點上多了乙個指令。新節點上指令如下 newdirectives v test2 舊節點上指令如下 newdirectives 可以看到新節點上增加了乙個指令v test2,當我們遍歷發現v tes...

Vue中directive原理分析二

以下面一段vue模板為例 v test v test2 div 以上的模板會被編譯成渲染函式 with this 如何獲取到我們設定的指令的鉤子,入口函式為updatedirectives,用來獲取所有的新指令和舊指令集合。function updatedirectives oldvnode,vno...

angular的directive的屬性和用法

return restrict e 表示該directive僅能以element方式使用,即 a 表示該directive僅能以attribute方式使用,即 c 樣式,即 my dialog product m 注釋,即 可以簡單理解為,當directive被angular 編譯後,執行該方法 s...