转自：https://www.cnblogs.com/best/tag/Angular/
1.
元素名
<runoob-directive></runoob-directive>
属性
<div runoob-directive></div>
类名
<div class="runoob-directive"></div>
注释
<!-- directive: runoob-directive -->
1 <html> 2 3 <head> 4 <meta charset="utf-8"> 5 <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> 6 7 </head> 8 9 <body ng-app="myApp"> 10 11 <runoob-directive></runoob-directive> 12 <div class="runoob-directive"></div> 13 <script> 14 var app = angular.module('myApp',[]); 15 app.directive("runoobDirective",function(){ 16 return { 17 restrict:"C", 18 template:'<h1>自定义指令</h1>' 19 }; 20 }); 21 </script> 22 </body> 23 24 </html>
restrict 值可以是以下几种:
E作为元素名使用A作为属性使用C作为类名使用M作为注释使用
restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。