创建新指令
除了所有内置的 AngularJS 指令之外,您还可以创建自己的指令。
新指令是通过使用 .directive 函数创建的。
要调用新指令,请创建一个与新指令具有相同标记名称的 HTML 元素。
命名指令时,必须使用驼峰式命名,w3TestDirective,但调用它时,必须使用 - 分隔的名称,w3-test-directive:
实例
var app = angular.module("myApp", []);
app.directive("w3TestDirective", function() {
return {
template : "
Made by a directive!
"};
});
亲自试一试
您可以使用以下方式调用指令:
元素名
属性
类
注释
下面的例子都将产生相同的结果:
元素名
亲自试一试
属性
亲自试一试
类
亲自试一试
注释
亲自试一试