angular指令

最新推荐文章于 2024-06-25 08:33:06 发布

宣讯

最新推荐文章于 2024-06-25 08:33:06 发布

阅读量234

点赞数

分类专栏： angularjs

angularjs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Angular详解：https://blog.csdn.net/qq_27626333/article/details/52261409

Link中element元素：https://blog.csdn.net/u014788227/article/details/50428760

<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript" src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
	<script type="text/javascript" src="pagingCtrl.js"></script>
</head>

<body>
	
	<div ng-app="myApp" ng-controller="myCtrl">
		<runoob-directive></runoob-directive>
			 <div runoob-directive></div>	
	</div> 
	
</body>
</html>

var app = angular.module("myApp", []);
    app.controller("myCtrl", function ($scope,$window) {
		
    });
	
	/**
	 * 指令
	 */
	app.directive("runoobDirective",function(){
		//返回对象
		return{
			//指令类型  E：element A：attribute M：comment C: class
			restrict:'AEMC',
			//生成的模板
			template:'<h1>我是指令生成的内容</h1>',
			//使用模板替换，原始数据被清空
			replace:false
		}
	});