....

.directive('scopeDemo',function(){

　　return{

　　　　template: "<div class='panel-body'>Name: <input ng-model=name /></div>",

　　　　scope:true  // 設置scope屬性為true將允許我在同一個控制器里復用這個指令

　　　　scope:{}  //創建一個隔離的作用域

　　　  scope:{local: "=nameprop" ，cityFn: "&city" } // local屬性的值以一個@字符作為前綴，指定了屬性local的值應該從一個來自名為nameprop的特性的雙向綁定來獲得
      //前綴 & 告訴AngularJS 我想將所指定特性的值綁定到一個函數

　　　scope:{local: "@nameprop"}  // local屬性的值以一個@字符作為前綴，指定了屬性local的值應該從一個來自名為nameprop的特性的單向綁定來獲得
　　　
 　　   transclude: true // 設置transclude為true后，會對指令所應用到的元素內容進行包裝，但并不是元素本身。如果想包含進元素，就需要將transclude屬性
　　   設置為element。
　　
　　  require: "^productTable" //require定義對象屬性用于聲明對控制器的依賴

　　}

})

可用于require屬性值勤的前綴

前綴	描述
None	asf
^	asdf
?	adf

總結

以上是生活随笔為你收集整理的AngularJS directive 指令相关记录的全部內容，希望文章能夠幫你解決所遇到的問題。

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