指令定义对象--进阶阶段

指令定义对象

每个指令定义的工厂函数,需要返回一个指令定义对象,编译器/$compile 在编译时就根据这个定义对象对指令进行展开。

指令定义对象的常用属性如下:

  • link

link函数负责实现DOM和scope的数据绑定,通常在link里执行DOM事件监听和数据变化监听。 link函数在template执行后被调用。link是最常用的属性,一个指令的逻辑通常在link函数 里实现。

link函数的形式如下:

  1. function link(scope,iElement,iAttrs,controller,transcludeFn){...}
  • restrict

可以是EACM这四个字母的任意组合,用来限定指令的应用场景。如果不指定这个属性, 默认情况下,指令将仅允许被用作元素名和属性名:

  1. * E - 元素名,例如:<my-directive></my-directive>
  2. * A - 属性名,例如:<div my-directive="exp"></div>
  3. * C - 类,例如:<div class="my-directive: exp;"></div>
  4. * M - 注释,例如:<!-- directive:my-directive exp -->
  • template

template是一个HTML片段,可以用来:

  1. * 替换指令的内容。这是默认的行为,可以使用replace属性更改。
  2. * 替换指令本身(如果replace属性设为TRUE的话)。
  3. * 包裹指令的内容(如果transclue属性设为TRUE的话)。
  • replace

指明是否使用template替换指令元素。

  1. * true - 编译时,将使用template替换指令元素
  2. * false - 编译时,将使用template替换指令元素的内容
时间: 2024-10-11 08:55:57

指令定义对象--进阶阶段的相关文章

angularJS进阶阶段(4)

angularJS进阶阶段(4) 编译器/$compile 编译器$compile是一个AngularJS的内置服务,它负责遍历DOM树来查找匹配指令, 并调用指令的实现代码进行处理. HTML编译包括3个步骤: 匹配指令$compile遍历DOM树,如果发现有元素匹配了某个指令,那么这个指令将被加入 该DOM元素的指令列表中.一个DOM元素可能匹配多个指令. 执行指令的编译函数当一个DOM元素的所有指令都找齐后,编译器根据指令的优先级/priority指令进行排序. 每个指令的compile函

面对对象进阶2

面对对象进阶2 类的封装 封装:隐藏属性或方法,外部无法使用,内部可以使用,再类定义阶段就执行了,真的想引用,就使__类名__属性名 隐藏模块内部的函数/变量_x:from module import *(无法导入),from module import _x(不合理) @property:被 @property 装饰的函数会从函数变成属性,也就是说直接.函数名,不需要加括号使用 class People: def __init__(self,pwd): self.__pwd = pwd @pr

面对对象进阶

面对对象进阶 类的继承 python当中,父类和子类(派生类),父类和子类只有在继承的时候才会产生 继承是为了拿到父类的所有东西 class Parent_Foo: #父类 def __init__(self, first_name, money, car, house): self.first_name = first_name self.money = money * 0.5 print('继承财产扣掉一半') self.car = car self.house = house def fi

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式 转自:  http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript

(六)javascriptJS中定义对象的几种方式(转)

JavaScript学习12 JS中定义对象的几种方式 转自:  http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascrip

javaScript定义对象的方法

转自souhu新闻http://news.sohu.com/20110215/n279335637.shtml? javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义 优点:动态的传递参数 缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存 function User1(name, password) { this.name = name; this.password = password; this.login = function

自己定义对象的监听方式

问题描写叙述: 当一个事件的触发不定期的时候,即我们不知道这个触发何时来到,可是我们却要对这个触发运行某些方法,怎样实现? 可能的解决方式: 我当时就想到了,这个问题类似与Android的部件监听(我没有去看Android的源代码,太懒了...).因为如今还在研读Thinking in Java这样的入门书籍,突然来了想法,罗列例如以下,能够通过接口. 以下是我写的一个測试的样例 首先是一个类似Button的部件 package com.example.androidtest2.service;

TreeSet排序,存储自己定义对象,自己定义比較器演示样例

Set:无序.不能够反复元素. |--HashSet:数据结构是哈希表.线程是非同步的. 保证元素唯一性的原理:推断元素的hashCode值是否同样. 假设同样,还会继续推断元素的equals方法.是否为true. |--TreeSet:能够对Set集合中的元素进行排序. 底层数据结构是二叉树. 保证元素唯一性的根据:compareTo方法return 0. TreeSet排序的第一种方式:让元素自身具备比較性. 元素须要实现Comparable接口,覆盖compareTo方法. 也种方式也成为

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name