transclude.html
<!doctype html>
<html ng-app="MyModule">
<head>
<meta charset="utf-8">
</head>
<body>
<hello>
<div>这里是指令内部的内容。</div>
</hello>
</body>
<script src="framework/angular-1.3.0.14/angular.js"></script>
<script src="transclude.js"></script>
</html>
transclude.js
var myModule = angular.module("MyModule", []);
myModule.directive("hello", function() {
return {
restrict: "AE",
transclude: true,
template:"<div>Hello everyone!<div ng-transclude></div></div>"
//templateUrl: 'hello.html',引用html文件的地址
//hello指令内容替换位置ng-transclude
}
});
效果
