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传送的基本形式

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

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

mvc模式的基本形式应用

  • 2010-02-03 02:53
  • 10.97MB
  • 下载

C语言的基本形式

  • 2007-08-16 22:12
  • 139KB
  • 下载

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

全局方法扩展的是jQuery对象,而对象实例方法扩展的是jQuery.fn对象,jQuery.fn是jQuery.prototype的别名。

Spring IOC容器的两种基本形式

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

研究证明量子纠错最基本形式

迄今为止,世界上还没有真正意义上的量子计算机,但是各国许多实验室正以极大的热情追寻这个梦想。如何实现量子计算?方案虽不少,但问题是要实现对微观量子态的操纵确实太难。据美国物理学家组织网近日报道,美国耶...

java类的基本形式

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

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

jQuery如此流行,一个很重要的原因就是拥有海量的第三方插件支持,从而实现各种各样复杂的功能。但有时候,我们难免要重复造些轮子,或者从学习的角度讲,该如何编写jQuery插件?
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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