AngularJS API
文章平均质量分 88
ntpartner
这个作者很懒,什么都没留下…
展开
-
angular.identity
angular.identiy描述:返回它第一参数的函数. 此函数多用于函数是编程.使用方法:angular.identity(value);参数详解:ParamTypeDetailsvalue*to be returned.返回值:传入的value实例代码:<!DOCTYPE HTML><...2014-12-22 16:30:42 · 134 阅读 · 0 评论 -
博弈AngularJS讲义(10) - 过滤器
Angular过滤器主要用来格式化输出表达式的值。过滤器可以用于视图模板、控制器或者服务组件中。我们可以通过Angular的api轻松的实现过滤器。 如何在模板中使用过滤器 我们可以通过如下语法在表达式中使用过滤器,类似于Linux命令行中的管道:{{ expression | filter }} 例如: {{ 12 | currency }} 将会以货币...原创 2014-12-06 15:33:16 · 139 阅读 · 0 评论 -
angular.element
angular.element描述: 包裹着一部分DOM element或者是HTML字符串,把它作为一个jQuery元素来处理。(类似于jQuery的选择器啦) 如果jQuery被引入了,则angular.element就可以看作是jQuery选择器,选择的对象可以使用jQuery的函数;如果jQuery不可用,angular.element只能接受HTML字符串或者...2014-12-09 14:44:48 · 114 阅读 · 0 评论 -
angular.equals
angular.equals 描述:比较两个值或者两个对象是不是相等。还支持值的类型,正则表达式和数组的比较。 两个值或对象被认为是相等的前提条件是以下的情况至少能满足一项:两个值或者对象能通过=== (恒等) 的比较两个值或者对象是同样类型,并且他们的属性都能通过angular.equals的比较两个值都是NaN两个值代表两个同样的正则...2014-12-10 11:35:25 · 171 阅读 · 0 评论 -
博弈AngularJS讲义(11) - 指令
自定义指令 本章我们将详细讲解如何用AngularJS实现自定义指令(directives)来扩充HTML. 指令的基本概念 简单来说,指令就是Angular编译器能够识别并处理的附加在DOM元素上的标记(例如属性、元素名字、注释、CSS类)。Angular HTML编译器会在应用初始化阶段给这些DOM元素及子元素赋予额外的行为动作或者转换。 Angular框架提供了...原创 2014-12-11 14:18:26 · 175 阅读 · 0 评论 -
angular.extend
angular.extend复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象,你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制.使用方法:angular.extend(dst, src);参数:...2014-12-15 10:29:53 · 101 阅读 · 0 评论 -
angular.forEach
angular.forEach描述:循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象,key是obj的property key或者是数组的index,value就是相应的值啦. (此函数不能够迭代继承的属性.)使用方法:...2014-12-16 10:51:27 · 212 阅读 · 0 评论 -
博弈AngularJS讲义(12) - 表单
本节我们将通过几个具体的例子来讲解Angular表单。简单的表单 ngModel指令实现了双向的数据绑定,即模型和视图双向同步,同时它也为其他指令提供了API来扩展ngModel的行为。让我们看如下示例: <div ng-controller="ExampleController"> <form novalidate class="simp...原创 2014-12-17 10:17:18 · 222 阅读 · 0 评论 -
博弈AngularJS讲义(13) - 动画
动画 AngularJS 1.3版本为常用的指令(ngRepeat,ngSwitch,ngView...)提供了动画支持,另外还可以通过$animate组件为自定义的指令提供动画支持。这些动画钩子(hook)将在指令的生命周期内触发基于CSS变换(Transition), CSS Keyframe,或者js回调的动画。添加动画支持需要引入ngAnimate模块(下载附件angular-a...2014-12-18 11:13:57 · 117 阅读 · 0 评论 -
angular.fromJson
angular.fromJson描述:把Json字符串转为对象使用方法:angular.fromJson(json);参数详解:ParamTypeDetailsjsonstringJSON 字符串返回值:对象, 数组, 字符串 或者是一个数字示例:<!DOCTYPE HTML><html ...2014-12-18 16:02:50 · 289 阅读 · 0 评论 -
博弈AngularJS讲义(9) - 表达式
Angular表达式 Angular表达式类似于JS代码,有双大括号绑定,其格式为{{expression}}. 例如: 1+2 - 两个常量数字相加即 3 a+b - 作用域中的两个model相加 user.name - 获取作用域中属性user的name属性 items[index] - 获取作用域中items数组的元素...2014-12-06 14:27:58 · 166 阅读 · 0 评论 -
博弈AngularJS讲义(8) - 模板
在Angular中,模板是包含通过Angular定义的元素和属性的HTML代码。Angular将控制器及模型中的信息与模板绑定起来动态的展现视图。 通常angular定制的元素及属性包括以下几种: 1. 指令(Directive) - 用Angular定制的属性或元素,作为对HTML的扩充,是可重用的DOM组件。 2. 标记(Markup) - 用双大括号{...原创 2014-12-05 09:51:12 · 108 阅读 · 0 评论 -
博弈AngularJS讲义(7) - 依赖注入
依赖注入 依赖注入(DI)是一个经典的设计模式, 主要是用来处理组件如何获得依赖的问题。关于DI,推荐阅读Martin Flower的文章(http://martinfowler.com/articles/injection.html )。 Angular注入器会负责创建angular组件,解决组件之间的依赖以及依赖注入等职责。 使用依赖注入 依赖注入在angula...2014-12-04 11:54:25 · 135 阅读 · 0 评论 -
angular.injector
angular.injector 描述:创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入. 使用方法:angular.injector(modules, [strictDi]) 参数详解:ParamTypeDetailsmodulesArray.<s...2014-12-24 13:29:32 · 117 阅读 · 0 评论 -
angular.isArray
angular.isArray描述:判断是不是数组 使用方法:angular.isArray(value) 参数详解:ParamTypeDetailsvalue*需要判断的值 返回值:true/false (很简单的一个方法就不写示例代码了。)...2014-12-26 17:04:17 · 188 阅读 · 0 评论 -
博弈AngularJS讲义(15) - HTML Compiler
Angular HTML编译器可以让开发者通过定制标签或者属性来拓展HTML语法。通过Angular HTML编译器,我们可以给任何HTML元素及其属性赋予额外的行为,丰富HTML的语义。Angular把这种行为扩展称作指令。 HTML使用了声明式的语法,例如我们只需在任何HTML元素上加上 align="center"属性即可让浏览器对元素进行居中对齐,而不用进行额外的编程来实现居...原创 2014-12-28 19:25:47 · 174 阅读 · 0 评论 -
博弈AngularJS讲义(16) - 提供者
Angular框架提供了强大的依赖注入机制,这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象,例如控制器,指令,过滤器动画等。 那注入器怎么知道如何去创建这些特殊的对象呢? Angular提供了5种方式让注入器创建对象,其中最基础的方式就是提供者(provider), 其余四种方式(Value, Factory, Se...原创 2015-01-08 14:20:10 · 153 阅读 · 0 评论 -
博弈AngularJS讲义(17) - 启动
Bootstrap 本节我们将分析Angular应用初始化流程以及怎样手动启动Angular应用。 Angular<script> 标签 下面的例子说明了如何在页面中引入Angular. <!doctype html><html xmlns:ng="http://angularjs.org" ng-app> <bo...2015-01-09 16:12:05 · 127 阅读 · 0 评论 -
angular.bind
angular.bind描述: 上下文,函数以及参数动态绑定,返回值为绑定之后的函数. 其中args是可选的动态参数,self在fn中使用this调用。使用方法: angular.bind(self, fn, args);参数详解:ParamTypeDetails selfObjectfn的上下文对象,使...2014-12-01 19:05:00 · 134 阅读 · 0 评论 -
angular.bootstrap
angular.bootstrap描述: 手动初始化angular。 这个函数会自动检测创建的module有没有被加载多次,如果有则会在浏览器的控制台打出警告日志,并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。 使用方法: angular.bootstrap(element, [modules], [config]);...2014-12-02 21:36:31 · 156 阅读 · 0 评论 -
博弈AngularJS讲义(6) - 作用域
什么是作用域? Angular中作用域(scope)是模板以及工作的上下文环境,作用域中存放了应用模型和视图相关的回调行为。作用域是层次化结构的与相关联的DOM结构相对应。作用域可以观察表达式以及传播事件。 原文: scope is an object that refers to the application model. It is an execution context ...原创 2014-12-03 18:54:42 · 156 阅读 · 0 评论 -
angular.copy
angular.copy描述: 复制一个对象或者一个数组(好吧,万物皆对象,数组也是一个对象)。 如果省略了destination,一个新的对象或数组将会被创建出来; 如果提供了destination,则source对象中的所有元素和属性都会被复制到destination中; 如果source不是对象或数组(例如是null或undefined)...2014-12-03 18:57:12 · 114 阅读 · 0 评论 -
博弈AngularJS讲义(14) - 模块
模块 我们可以把angular中的模块(module)想象成应用组件的容器,这些组件包括控制器,服务,过滤器,指令等. 为什么? 有过编程经验的都知道大部分应用都有一个main方法来初始化应用组件并把它们关联起来. Angular不提供这样的主函数,而是通过声明式的语法定义如何启动一个应用. 这种声明式的方法有如下几个优点: - 声明式的语言易于理解 - 可...原创 2014-12-19 10:59:26 · 114 阅读 · 0 评论