1. 程式人生 > >directive()自定義函數內參數的解析

directive()自定義函數內參數的解析

調用 策略 comment 第一個 link 增加 color 利用 mil

* 1,restrict:A:attributes;E:element;M:comment(註釋);C:class

* 2,transclude:為true的時候,可以在模版中增加<div ng-transclude></div>來保留標簽內部內容.可以處理嵌套

* 3,replace:是否替換指令中的內容,例:<div>replace內容</div>

* 4,scope:返回一個對象,但並不是controller的scope;利用這個,可以在同一控制器內實現數據的動態綁定。而且優先級要高於templateUrl

* 5,templateUrl

:這個返回的函數裏面只能有這兩個參數,第一個是元素,第二個是屬性.並且U大寫。

* 6,link:function link(scope, element, attrs, controller, transcludeFn)

* 7,controller:屬於自己的controller,為了給其他指令調用。

* 8,require:要求的指令必須創建,屬性和元素都可以,不創建的話link的transcludeFn為空~~~

指令中scope的綁定策略

* 1,@ 把當前屬性當作字符串來傳遞,不是對象。還可以綁定來自外層scope的值,在屬性值中加入{{}}即可;

* 2,= 與父scope中的屬性進行雙向綁定。

* 3,& 傳遞一個來自父scope的函數,稍後調用。

* 4,這個作用域還真重要,利用link不能替代它,比如動態綁定controller裏面的內容。

directive()自定義函數內參數的解析