angularjs学习之七(angularjs中指令的四种基本形式)

指令的四种基本形式中,

注意注释型指令 M 的使用方法是 <!--  directive:指令名称  --> 注意左右俩测必须有空格才会正常识别

所有指令是可以相互组合 的,不写restrict ,将会默认为A属性 指令

要支持IE8 浏览器 一般最好将指令设置为属性

<!doctype html>
<html ng-app="myapp">
	<head>
		<meta charset="utf-8"/>
	</head>
	<body>

        <elementtag>E</elementtag>
		<div attr>A</div>
		<div class="classnamw">C</div>
		<!-- 注意注释变量两侧必须加上空格 否则不会正确执行这个指令 -->
		<!-- directive:commit -->
		<div></div>

	<script src="./js/angular.min.js"></script>
	<script>
	   var app = angular.module('myapp',[]);
	   
	   app.directive('elementtag',function(){
	       return {
			   restrict:"E", //元素指令
			   link:function(scope,element,attrs){
                   console.log("this is a element");
			   }
		   };
	   })
	   .directive('attr',function(){
	       return {
			   restrict:"A", //属性指令
			   link:function(scope,element,attrs){
                   console.log("this is a attribute");
			   }
		   };
	   })
	   .directive('classnamw',function(){
	       return {
			   restrict:"C", //class 指令
			   link:function(scope,element,attrs){
                   console.log("this is a class");
			   }
		   };
	   })
	   .directive('commit',function(){
	       return {
			   restrict:"M", //注释指令
			   link:function(scope,element,attrs){
                   console.log("this is a commit");
			   }
		   };
	   });

	</script>
</html>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值