Angular的自定义指令-个人总结

        Angular的directive自定义指令服务使得Angular变得更加灵活，那么它有什么特点和优势呢？能干什么呢？这肯定是我们拿到一个问题的时候首先要考虑的问题，那么我们开始介绍它的功能和特点。

一、用在何处？

        利用自定义指令我们可以将项目的公共部分单独提取出来

二、有何优势？

        增强代码复用性以及便于进行代码维护和升级。

三、格式是何样？

        

angular.module("directives",[])
.directive("myHeader",function () {
    return {
        restrict:"EA",
        templateUrl:'template/header.html',
        replace:true,
        transclude:true,
        scope:{
            active:"@active"
        },
        controller:function ($scope) {
        }
    }
});

　　

　　其中（1）restrict代表的是指令的类型，拥有A属性，E标签，C是class，M是注释四中类型，具体场景具体应用，也可以混合使用四个都用上！

 　　　  （2）template是模板，可以写成“<div>我是一个标签模板</div>”，也可以像以上代码中所示的利用templateUrl引用外部的html模板，可见其强大与灵活之处！

　　　　（3）replace：true 代表使用模板代替原标签（尤其注释指令M必须加）！

　　　　（4）scope是该自定义指令拥有的自己的作用域

　　　　（5）controller是该自定义指令所拥有的控制器