angularjs 指令

內(nèi)置指令 及使用方法:

**replace 替換 **


**html模板寫法 **

<hello><div>這里被替換沒有了</div></hello>

指令寫法

var myModule = angular.module(“myModule”,[]) 
myModule.directive(“hello”,function(){
     return {
          restrict:’AE’,
          replace:”true”,
          template:”<div>hello world </div>" 
     }
})

transclude 指令內(nèi)部包含有元素的情況下指定該元素在指令元素的嵌套位置 很重要的功能,可以通過指令互相嵌套


html模板寫法

  <hello><div>這里是指令內(nèi)部內(nèi)容</div></hello> 

指令寫法

var myModule = angular.module(“myModule”,[])
myModule.directive(“hello”,function(){
     return {
          restrict:’AE’,
           transclude:”true”,
          template:”<div>hello world <div ng-tranclude></div></div>" 
 }
})

scope的綁定策略


@ 把當前屬性作為字符串來傳遞。你還可以綁定來自外層scope的值。在屬性值中插入{{}}即可。
= 與父scope中的屬性進行雙向綁定
& 傳遞一個來自父scope的函數(shù),稍后調(diào)用

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容