Angular核心功能详解:方法、指令、服务与过滤器
angular 方法
1. 拷贝数组或对象
javascript
1 | angular.copy(source, [destination]); |
2. 选择一个元素
javascript
1 | angular.element(element); //jqLite |
3. 比较值是否相等
javascript
1 | angular.equals(o1, o2); //返回值:boolean |
4. 迭代对象
javascript
1 | angular.forEach(obj, iterator, [context]); //iteeator是一个方法function(value,key,[obj]){处理代码} |
5. 把 json 字符串转换为对象
javascript
1 | angular.fromJson(json); |
6.把对象转换为 json 字符串
javascript
1 | angular.toJson(obj, pretty); //pretty为ture时,输出字符串有换行符和空格。如果设置为一个整数,JSON输出将包含许多空间每缩进(默认为2) |
7. 判断是否为数组、时间、DOM 元素、函数、数字、对象、字符串、未定义、
javascript
1 | angular.isArray(value); |
angular 指令
1. 失去焦点事件
html
1 | ngBlur |
2.值改变时触发事件
html
1 | <input |
3. 动态设置 class
html
1 | <input |
4. 点击事件
html
1 | <ANY ng-click="expression"> ... </ANY> |
5. 双击事件
html
1 | <ANY ng-dblclick="expression"> ... </ANY> |
6. 禁用元素
html
1 | <INPUT |
7. 获得焦点触发事件
html
1 | <window, input, select, textarea, a |
8. 显示、隐藏元素
html
1 | <ANY ng-hide="true"> </ANY> <ANY ng-show="true"> </ANY> |
9. 判断来确定是否进行显示
html
1 | <ANY ng-if="expression"> ... </ANY> |
10. 导入其他页面
html
1 | <ANY ng-include="" [onload="" ] [autoscroll="" ]> ... </ANY> |
11. 将输入文本转换为数组
html
1 | <input |
12. 只读
html
1 | ngReadonly |
13. 遍历
html
1 | <div ng-repeat="(key, value) in myObj">...</div> |
14.提交表单
html
1 | <form ng-submit="">...</form> |
15. switch
html
1 | <select ng-model="selection" ng-options="item for item in items"></select> |
service
- 过滤器$filter
- $http
- 循环$interval
- $log
- $q
- 延时$timeout
- $window
内置过滤器
- 格式化数字 currency
- 格式化日期事件 date
- 过滤数组 filter
- 将对象转换为 json 字符串 json
- 截取数组 limitTo
- 转化小写大写 lowercase、uppercase
- 格式化数字 number
- 排序 orderBy
此文章版权归houxiaozhao所有,如有转载,请注明来自原作者