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...