<html> <head> <meta charset="utf-8"/> <title></title> </head> <body ng-app="components"> <myelement> <h1>哈哈</h1> </myelement> </body> <script src="angular.js"></script> <script> var app= angular.module(‘components‘, []); app.directive(‘myelement‘, function() { return { restrict: ‘AE‘,//自定义属性和Dom节点 transclude: true,//将自定义指令内部原有的节点保留(这里注意,自定义指令中的内容在模板中必须有父节点) scope: {}, templateUrl:"templates/templateOther.html", replace: true//全部替换 }; }); </script> </html>
时间: 2024-08-09 10:33:35