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>



posted on 2017-07-27 08:24  wgwyanfs  阅读(136)  评论(0)    收藏  举报

导航