boyitech
- 浏览: 86027 次
- 性别:
- 来自: 南通
-
最新评论
-
陈加菲：
博主你好，我最近在学习datatable，但是获取struts ...
Structs 2 Action 与 JQuery Datatable 的整合 -
Virtoway：
说到Angular JS刚读到一片美国构架师的文章关于使用A ...
angular.injector -
java小叶檀：
angularJS的cdn地址可以使用：http://cdn. ...
博弈AngularJS讲义(1) - 快速开始 -
zhuyuyuseu：
枚举还是很有用的~
设计模式杂谈 - 单例 -
fozhan：
楼主，可以详解一下angular.bootstrap吗？
angular.bind
文章列表
Bootstrap
本节我们将分析Angular应用初始化流程以及怎样手动启动Angular应用。
Angular<script> 标签
下面的例子说明了如何在页面中引入Angular.
<!doctype html>
<html xmlns:ng="http://angularjs.org" ng-app>
<body>
...
<script src="angular.js"></script>
</body& ...
Angular框架提供了强大的依赖注入机制，这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象，例如控制器，指令，过滤器动画等。
那注入器怎么知道如何去创建这些特殊的对象呢 ...
Angular HTML编译器可以让开发者通过定制标签或者属性来拓展HTML语法。通过Angular HTML编译器，我们可以给任何HTML元素及其属性赋予额外的行为，丰富HTML的语义。Angular把这种行为扩展称作指令。
HTML使用了声明式的语法，例如我们只需在任何HTML元素上加上 align="center"属性即可让浏览器对元素进行居中对齐，而不用进行额外的编程来实现居中对齐。然而这种声明式的语言是有局限性的，HTML的语法集是有限的，浏览器引擎无法识别更多的语法。例如我们无法在HTML语法中声明让文本在离左侧1/3处对齐。
Angular框 ...
angular.isArray
描述：
判断是不是数组
使用方法：
angular.isArray(value)
参数详解：
Param
Type
Details
value
*
需要判断的值
返回值：
true/false
(很简单的一个方法就不写示例代码了。)
angular.injector
描述:
创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入.
使用方法:
angular.injector(modules, [strictDi])
参数详解:
Param
Type
Details
modules
Array.<string|Function>
angular.identiy
描述:
返回它第一参数的函数. 此函数多用于函数是编程.
使用方法:
angular.identity(value);
参数详解:
Param
Type
Details
value
*
to be
模块
我们可以把angular中的模块(module)想象成应用组件的容器,这些组件包括控制器,服务,过滤器,指令等.
为什么?
有过编程经验的都知道大部分应用都有一个main方法来初始化应用组件并把它们关联起来. Angular不提供这样的主函数,而是通过声明式的语法定义如何启动一个应用. 这种声明式的方法有如下几个优点：
- 声明式的语言易于理解
- 可以将代码封装成可重用的模块，解耦
- 模块可以以任意顺序启动(甚至可以并行)，因为模块是延迟执行的
- 易于测试，测试时只需载入相关模块，可配置性高
基本概念
通过“Hel ...
angular.fromJson
描述:
把Json字符串转为对象
使用方法:
angular.fromJson(json);
参数详解:
Param
Type
Details
json
string
JSON 字符串
动画
AngularJS 1.3版本为常用的指令（ngRepeat,ngSwitch,ngView...）提供了动画支持，另外还可以通过$animate组件为自定义的指令提供动画支持。这些动画钩子(hook)将在指令的生命周期内触发基于CSS变换(Transition), CSS Keyframe，或者js回调的动画。添加动画支持需要引入ngAnimate模块(下载附件angular-animate.zip)。
下面的例子在ngShow和ngHide上面加入了动画支持：
<div ng-init="checked=true">
&l ...
本节我们将通过几个具体的例子来讲解Angular表单。
简单的表单
ngModel指令实现了双向的数据绑定，即模型和视图双向同步，同时它也为其他指令提供了API来扩展ngModel的行为。让我们看如下示例：
<div ng-controller="ExampleController">
<form novalidate class="simple-form">
Name: <input type="text" ng-model="user.name& ...
angular.forEach
描述:
循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
使用方法:
angular.forEach(obj, iterator, [context])
参数详解:
Param
Type
Details
obj
angular.extend
复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制.
使用方法:
angular.extend(dst, src);
参数:
Param
Type
Details
dst
Object
自定义指令
本章我们将详细讲解如何用AngularJS实现自定义指令(directives)来扩充HTML.
指令的基本概念
简单来说，指令就是Angular编译器能够识别并处理的附加在DOM元素上的标记（例如属性、元素名字、注释、CSS类）。Angu ...
angular.equals
描述:
比较两个值或者两个对象是不是相等。还支持值的类型，正则表达式和数组的比较。
两个值或对象被认为是相等的前提条件是以下的情况至少能满足一项：
两个值或者对象能通过=== （恒等） 的比较
两个值或者对象是同样类型，并且他们的属性都能通过angular.equals的比较
两个值都是NaN
两个值代表两个同样的正则表达式，例如angular.equals('/abc/', '/abc/')
在属性的比较中，以$开头的属性或函数将被忽略，不做比较。
Scope和DOM对象的比较都是通过 ...
angular.element
描述:
包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦）
如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.element只能接受HTML字符串或者DOM元素为参数，选择的元素只可以调用Angular中嵌入的精简版的jQuery library（名为: "jQuery lite" or "jqLite").
...