1 <html> 2 <head> 3 <meta charset="utf-8"/> 4 <title></title> 5 </head> 6 <body ng-app="components"> 7 <myelement> 8 <h1>哈哈</h1> 9 </myelement> 10 </body> 11 <script src="angular.js"></script> 12 <script> 13 var app= angular.module('components', []); 14 app.directive('myelement', function() { 15 return { 16 restrict: 'AE',//自定义属性和Dom节点 17 transclude: true,//将自定义指令内部原有的节点保留(这里注意，自定义指令中的内容在模板中必须有父节点) 18 scope: {}, 19 templateUrl:"templates/templateOther.html", 20 replace: true,//全部替换 21 link:function(scope,element,attr){ 22 element.bind("click",function(){ 23 alert(1); 24 }) 25 } 26 }; 27 }); 28 </script> 29 </html>