angularjs的自定义指令及其调用方式

AngularJS 的自定义指令其实挺简单，就是需要记住一点。

注意： 1. 需要驼峰命名。

             2.调用自定义指令时，需要加  “-”。

调用指令的方式如下：

         1.元素名    <自定义名>

          2.属性   

          3.类名 Class

          4.注解 Comment

元素名 :

属性:

类名:

注解 :

如何限制自定义指令的使用，或者选择特定的方式调用指令：

   通过添加 restrict 属性,并设置值为 "A", 来设置指令只能通过属性的方式来调用:

var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
    return {
        restrict : "A",
        template : "
自定义指令!
"
    };
});

restrict 值可以是以下几种:

• E 作为元素名使用
• A 作为属性使用
• C 作为类名使用
• M 作为注释使用

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

本文是根据angularjs API整理和自己体验总结。如果不全，请看官方API。