AngularJs自定义指令

1.除了内置指令外，AngularJs还可以自定义指令。

2.使用 .directive 函数来添加自定义的指令，该函数有两个参数。

3.使用驼峰法命名一个指令，但在使用时需要用-分割（与JavaScript DOM操作中css 复合属性background-color写作backgroundColor相似）。

4.要调用自定义指令，HTML 元素上需要添加自定义指令名，有四种方法可以调用自定义指令

a）元素（element），如例子中自定义属性名为ownDirective，调用时直接作为元素名<own-directive></own-directive>（使用规则3）.

b)属性（attribute）　　<div  own-directive></div>

c)类（class）　　<div  class="own-directive"></div>

d）注释 （mark）　　<!-- directive: runoob-directive -->

5.我们也可以限制自定义指令以特定的方式调用，通过设置restrict属性，属性值可以为　　E　　A　　C　　M分别对应元素名、属性、类、注释4中调用方式。

    app.directive("ownDirective",function(){
        return {
            restrict:"A",
            template:"<h1>自定义指令</h1>"
        };
    })

a）restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。

b）注意： 我们需要在该实例添加 replace 属性， 否则注释是不可见的。

app.directive("ownDirective", function() {
    return {
        restrict : "M",
        replace : true,
        template : "<h1>自定义指令!</h1>"
    };
});