// 定义模块
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;
}
网友评论