AngularJS指令替换内容

最新推荐文章于 2024-07-12 16:27:40 发布

weixin_33982670

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量323

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/mcyy568/blog/719212

版权

2019独角兽企业重金招聘Python工程师标准>>>

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
    }
});