本文是对AngularJS权威指南8.2节的理解,书中的解释比较混乱,花了一些时间才理解作者表达的意思。假如我们创建了一个指令,用于生成一个包含input和a标签。如果我们想input标签的内容通过ng-model的方式传递出去(例如传递到指令外的另一个input),我们可能会这么写:
<script s...
分类:
Web程序 时间:
2015-03-31 18:05:26
阅读次数:
121
自定义指令编写时钟模板 controller 1 angular.module("ezstuff",[])//创建模块ezstuff 2 .directive("ezClock",function(){//在模块上注册指令ezClock的类工厂 3 return { 4...
分类:
Web程序 时间:
2015-03-13 12:25:37
阅读次数:
153
前面基本了解了指令的相关内容: 1 如何自定义指令 2 指令的复用本篇看一下指令之间如何交互。学习内容来自《慕课网 指令3》 背景介绍 这例子是视频中的例子,有一个动感超人,有三种能力,力量strength,速度speed,发光light。 这三种能力作为三种属性,定义动感超人作为一个标签...
分类:
Web程序 时间:
2015-02-13 16:28:42
阅读次数:
238
前面练习了如何自定义指令,这里练习一下指令在不同的控制器中如何复用。 —— 来自《慕课网指令3》 首先看一下一个小例子,通过自定义指令,捕获鼠标事件,并触发控制器中的方法。 单个控制器的标签指令 依然是先创建一个模块var myAppModule = angular.module("myAp...
分类:
Web程序 时间:
2015-02-13 16:10:07
阅读次数:
132
这一篇从自定义指令出发,记录了定义一个指令时影响指令行为的各种因素。试着感受这些因素,让自己更高效地编写AngularJS应用。Directive先从定义一个简单的指令开始。定义一个指令本质上是在HTML中通过元素、属性、类或注释来添加功能。AngularJS的内置指令都是以ng开头,如果想自定义指...
分类:
Web程序 时间:
2015-02-12 21:22:54
阅读次数:
382
AngularJS支持用户自定义标签属性,在不需要使用DOM节点操作的情况下,添加自定义的内容。前面提到AngularJS的四大特性: 1 MVC 2 模块化 3 指令 4 双向数据绑定下面将会介绍如下的内容: 1 如何自定义指令 2 自定义指令的使用 3 自定义指令的内嵌使用 如何...
分类:
Web程序 时间:
2015-02-12 17:38:02
阅读次数:
144
AngularJS中不仅内置了许多指令,而且开发人员也可以通过自定义指令来完成特殊操作,指令创建成功后可以到处复用。Web应用中的分页处理最为常见,我们可以将分页模块编写成一个可以复用的Angular指令,在使用时无需考虑指令的内部实现细节,像使用普通HTML元素一样简单。1:index.html ...
分类:
其他好文 时间:
2015-02-07 12:57:41
阅读次数:
116
把指令标签转换为dom结构,执行complie方法,compile方法返回的就是Link函数,所以如果指令配置了compile方法,就不需要再配置Link方法了,compile方法有3个参数tElement,tAttrs,transclude,tElement是该指令标签的JQuery对象,tran...
分类:
其他好文 时间:
2015-01-31 17:50:06
阅读次数:
169
AngularJS学习笔记 //失去焦点使用 jQuery 的扩展支持冒泡app.directive('ngBlur', function($parse){ return function($scope, $element, $attr){ ...
分类:
其他好文 时间:
2015-01-13 12:23:46
阅读次数:
184
1、angular指令感觉就相当于写一个组件,扩展html的语法,比如你写了一个图片上产的组件input-image,引用的时候直接用指令引用就好2、如何写angular指令,主要就是调用directive方法api,方法内返回一个包装特定属性对象3、angular指令开始compile结束link...
分类:
其他好文 时间:
2015-01-13 00:05:46
阅读次数:
475