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

原创 2015年07月08日 09:18:43

指令的四种基本形式中,

注意注释型指令 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>



模糊控制器的基本形式

  • 2011年04月09日 10:11
  • 23KB
  • 下载

uart传送的基本形式

  • 2014年04月14日 15:09
  • 4KB
  • 下载

jQuery - 编写jQuery插件的基本形式(上)

jQuery如此流行,一个很重要的原因就是拥有海量的第三方插件支持,从而实现各种各样复杂的功能。但有时候,我们难免要重复造些轮子,或者从学习的角度讲,该如何编写jQuery插件?...
  • hwhsong
  • hwhsong
  • 2016年02月02日 17:39
  • 292

mvc模式的基本形式应用

  • 2010年02月03日 02:53
  • 10.97MB
  • 下载

C语言的基本形式

  • 2007年08月16日 22:12
  • 139KB
  • 下载

java类的基本形式

1.面向对象的程序设计有三个主要特征,如下:  (1) 封装性  (2) 继承性  (3)多态性 2. 对象的产生 类名 对象名 = new 类名() ; 例:Person p = ne...

AngularJs基本篇 三(常用指令+过滤器)

1.常用指令 a.ng-hide 和 ng-show ng-hide指令,用于控制部分HTML元素可见(ng-hide="false")和不可见状态(ng-hide="true"),ng-show指令...

AngularJS基本指令

{{position[1]}} 在输入框中尝试输入: 姓名: 你输入的为: {{ firs

Spring IOC容器的两种基本形式

IOC容器自动管理需要使用的Bean,大大提高了代码的重用性,同时也达到解耦的目的,IOC实现Bean管理的方式主要是依靠动态代理和反射机制原理,使用动态代理可以直接代理目标Bean,实现Bean的高...

Python While循环语句 Python 编程中 while 语句用于循环执行程序,即在某条件下,循环执行某段程序,以处理需要重复处理的相同任务。其基本形式为: while 判断条件:

Python While循环语句 Python 编程中 while 语句用于循环执行程序,即在某条件下,循环执行某段程序,以处理需要重复处理的相同任务。其基本形式为: while 判断条件: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:angularjs学习之七(angularjs中指令的四种基本形式)
举报原因:
原因补充:

(最多只允许输入30个字)