AngularJS快速入门指南20:快速参考
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
div.chapter {
margin: 10px 0px 10px 0px;
padding: 0px;
width: auto;
overflow: hidden;
}
div.chapter div.prev {
width: 50%;
float: left;
text-align: left;
overflow: hidden;
white-space: nowrap;
}
div.chapter div.next {
width: 50%;
float: right;
text-align: right;
white-space: nowrap;
overflow: hidden;
}
-->
AngularJS指令
本指南中使用过的AngularJS指令:
| 指令 | 描述 | 说明 |
|---|---|---|
| ng-app | 定义一个application的根元素。 | 指令 |
| ng-bind | 将HTML元素的innerHTML绑定到application data。 | 介绍 |
| ng-click | 定义HTML元素的click事件。 | 事件 |
| ng-controller | 定义一个application的控制器对象。 | 控制器 |
| ng-disabled | 绑定application data到HTML元素的disabled属性。 | DOM节点 |
| ng-hide | 隐藏或显示HTML元素。 | DOM节点 |
| ng-include | 在一个application中包含HTML文件。 | Includes |
| ng-init | 定义一个application的初始值。 | 指令 |
| ng-model | 将HTML控件的value值绑定到application data。 | 指令 |
| ng-repeat | 为集合中的每一个数据项重复创建一段HTML元素。 | 指令 |
| ng-show | 显示或隐藏HTML元素。 | DOM节点 |
AngularJS过滤器
本指南中使用过的AngularJS过滤器:
| 过滤器 | 描述 |
|---|---|
| currency | 将数字格式化为现金格式。 |
| filter | 从一个集合中选择子项。 |
| lowercase | 将字符串转换为小写形式。 |
| orderby | 通过一个表达式对集合元素进行排序。 |
| uppercase | 将字符串转换为大写形式。 |
具体内容可以查看AngularJS快速入门指南06:过滤器。
AngularJS事件
AngularJS支持以下事件:
- ng-click
- ng-dbl-click
- ng-mousedown
- ng-moseenter
- ng-mouseleave
- ng-mousemove
- ng-keydown
- ng-keyup
- ng-keypress
- ng-change
具体内容可以查看AngularJS快速入门指南11:事件。
AngularJS数据验证属性
- $dirty
- $invalid
- $error
具体内容可以查看AngularJS快速入门指南14:数据验证。
AngularJS全局API
数据转换API
| API | 描述 |
|---|---|
| angular.lowercase() | 将字符串转换为小写形式。 |
| angular.uppercase() | 将字符串转换为大写形式。 |
| angular.copy() | 深拷贝一个对象或数组。 |
| angular.forEach() | 遍历对象或数组中的每一个元素并执行一个函数。 |
数据比较API
| API | 描述 |
|---|---|
| angular.isArray() | 判断给定的对象是否为数组。 |
| angular.isDate() | 判断给定的对象是否为日期类型。 |
| angular.isDefined() | 判断给定的对象是否定义过。 |
| angular.isElement() | 判断给定的对象是否为一个DOM元素。 |
| angular.isFunction() | 判断给定的对象是否为一个函数。 |
| angular.isNumber() | 判断给定的对象是否为数字。 |
| angular.isObject() | 判断给定的对象是否为object类型。 |
| angular.isString() | 判断给定的对象是否为字符串。 |
| angular.isUndefined() | 判断给定的对象是否没有定义过(与angular.isDefined()相反)。 |
| angular.equals() | 判断给定的两个对象是否相等。 |
JSON相关API
| API | 描述 |
|---|---|
| angular.fromJSON() | 将给定的JSON对象反序列化为字符串。 |
| angular.toJSON() | 将给定的字符串序列化为JSON对象。 |
基本API
| API | 描述 |
|---|---|
| angular.bootstrap() | 手动引导AngularJS应用程序。 |
| angular.element() | 将一个HTML元素包装成一个JQuery元素(然后你可以对它使用JQuery提供的方法)。 |
| angular.module() | 创建,注册或者重新恢复一个AngularJS模块。 |
具体内容可以查看AngularJS快速入门指南15:API。
AngularJS快速入门指南20:快速参考的更多相关文章
- AngularJS快速入门指南19:示例代码
本文给出的大部分示例都可以直接运行,通过点击运行按钮来查看结果,同时支持在线编辑代码. <div ng-app=""> <p>Name: <input ...
- AngularJS快速入门指南01:导言
AngularJS使用新的attributes扩展了HTML AngularJS对单页面应用的支持非常好(SPAs) AngularJS非常容易学习 现在就开始学习AngularJS吧! 关于本指南 ...
- AngularJS快速入门指南18:Application
是时候创建一个真正的AngularJS单页面应用程序了(SPA). 一个AngularJS应用程序示例 你已经了解了足够多的内容来创建第一个AngularJS应用程序: My Note Save Cl ...
- AngularJS快速入门指南17:Includes
使用AngularJS,你可以在HTML中包含其它的HTML文件. 在HTML中包含其它HTML文件? 当前的HTML文档还不支持该功能.不过W3C建议在后续的HTML版本中增加HTML import ...
- AngularJS快速入门指南16:Bootstrap
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...
- AngularJS快速入门指南15:API
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...
- AngularJS快速入门指南14:数据验证
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...
- AngularJS快速入门指南13:表单
一个AngularJS表单是一组输入型控件的集合. HTML控件 HTML输入型标签标包括: input标签 select标签 button标签 textarea标签 HTML表单 HTML表单将各种 ...
- AngularJS快速入门指南12:模块
AngularJS模块定义了一个application. 模块是一个application中不同部分的容器. application中的所有控制器都应该属于一个模块. 带有一个控制器的模块 下面这个a ...
随机推荐
- SVN系统的几个术语
SVN系统的几个术语 User:用户,可以远程连接到SVN服务器的权限实体. User Group:用户组,用于管理一组权限相同的用户. Repository:版本库,在服务器端保存着的项目中所有的文 ...
- 转:eclipse以及step into step over step return的区别
首先来讲一下step into step over step return的区别: step into就是单步执行,遇到子函数就进入并且继续单步执行:(F5) step over是在单步执行时,在函数 ...
- Yosemite 快速搭建 自带Apache+PHP5.6+MySQL 开发环境
1.安装homebrew ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go/install)" 2.安装h ...
- 为什么我坚持学习C语言?
c语言令无数人头疼,有意躲避! linux操作系统有c: glibc的c运行时库有c: mysql有c: php的底层有c: nosql层有c: 甚至其他的curl.nginx等等都有c: 每当问题追 ...
- js中replace的回调函数使用。
这只是一个小问题,但是之前并没有发现.这个问题就是replace的第二个函数是支持回调函数的. var ext = new RegExp('f','g'); 1.str.replace(ext ,1) ...
- 【分块打表】bzoj3798 特殊的质数
块大小为10^5. #include<cstdio> using namespace std; const int table[] = {0, 4784, 8978, 12981, 169 ...
- knapsack problem 背包问题 贪婪算法GA
knapsack problem 背包问题贪婪算法GA 给点n个物品,第j个物品的重量,价值,背包的容量为.应选哪些物品放入包内使物品总价值最大? 规划模型 max s.t. 贪婪算法(GA) 1.按 ...
- javascript基础知识-类和模块
在JavaScript中可以定义对象的类,让每个对象都共享这些属性. 在JavaScript中,类的实现是基于其原型继承机制的.如果两个实例都从同一个原型对象上继承了属性,我们就说它们是同一个类的实例 ...
- uva-439
题意:骑士在一个8*8的棋盘上移动,1-8代表行号,a-h代表列号,给出骑士的初始位置和目的位置,求骑士最少的移动步数:题目隐含一层意思(骑士移动规则是中国象棋的“马”的走法) 输入:一串字符串,包含 ...
- python 元类
转载自 http://blog.jobbole.com/21351/ 类也是对象 在理解元类之前,你需要先掌握Python中的类.Python中类的概念借鉴于Smalltalk,这显得有些奇特.在大 ...