美文网首页
angularJs 1.X 指令 directive 写法

angularJs 1.X 指令 directive 写法

作者: 阿斌在路上 | 来源:发表于2019-04-14 12:52 被阅读0次

// 定义模块
var commonApp = angular.module("commonApp ",[]);

// 定义指令(directiveTest)并注入 服务(service) commonService 或者指令
commonApp.directive("directiveTest",["commonService",function(commonService)]){
var directiveTest= {
restrict:'AECM', // 分别代表 html 属性、元素、classs、注释
replace:true,//是否替换标签(元素)
templateUrl:function(tElemnet,tAttrs){ //设置指令通用模板
return 'table.html';//指令模板地址
}
scope :{
"x":"=",// = 双向绑定(外面scope 与指令的 scope 可以用到 X)
"xx":"@", //注入数据(值指令的 scope 有效)
"xxx":"&" //标签初始化后 绑定外部 scope 函数(属性)
}

compile : function(element, attrs) {
},
// 指令的 controller 编程(与普通 controller 一致)
controller :["commonService",function(commonService) {
// controller 编写

}

return directiveTest;
}

相关文章

网友评论

      本文标题:angularJs 1.X 指令 directive 写法

      本文链接:https://www.haomeiwen.com/subject/ftijwqtx.html