首页 > 其他 > 详细

angular学习笔记(三十)-指令(1)

时间:2014-08-21 16:47:24      阅读:309      评论:0      收藏:0      [点我收藏+]

之前在 angular学习笔记(十九)-指令修改dom 里面已经简单的提到了angular中的指令,现在来详细的介绍 ‘指令‘ 

一.指令的创建:

dirAppModule.directive(‘directive-name‘,function(){
    var obj = {
        restrict:‘string‘,
        priority:number,
        template:‘string‘,
        templateUrl:‘string‘,
        replace:bool,
        transclude:bool or string,
        scope:bool or string,
        controller:function(){},
        require:‘string‘,
        link: function(scope,element,attrs){},
        compile: function(element,attrs,transclude){
            return {
                pre: function(scope,element,attrs,controller){},
                post: function(scope,element,attrs,controller){}
            }
        }
    };
    return obj
});

通过 app.directive(‘directive-name‘,function(){})来创建一个服务. directive()方法传入两个参数.

第一个参数:是一个字符串,也就是指令的名字.一般的命名规则是用‘-‘来分割,‘-‘前是命名空间,‘-‘后是给这个指令取的名字.其实我们之前用到的比如‘ng-repeat‘,‘ng-model‘,‘ng-view‘...等,这些都是angular自带的指令.他们的实质也就是指令.所以,自己创建的指令不应该使用ng作为命名空间.

第二个参数:是一个函数,该函数返回一个json对象.该对象一共可以有上面列出来的11个属性.在后面的文章中一一讲解这些属性.

angular学习笔记(三十)-指令(1),布布扣,bubuko.com

angular学习笔记(三十)-指令(1)

原文:http://www.cnblogs.com/liulangmao/p/3927267.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!