AngularJS自定义的指令

.directive 函数来添加自定义的指令

<script>
var app = angular.module(“myApp”, []);
app.directive(“runoobDirective”, function() {
return {
restrict : “A”,
template : “<h1>自定义指令!</h1>”
};
});
</script>

restrict 值可以是以下几种:
E 作为元素名使用
A 作为属性使用
C 作为类名使用
M 作为注释使用
restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。

调用自定义指令:
使用驼峰法来命名一个指令,runoobDirective,但在使用它时需要以 – 分割,runoob-directive

<div runoob-directive></div>