美文网首页
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