Angular学习笔记之angular的$filter服务浅析
2016-11-12 09:12
579 查看
首先,介绍下$filter服务:
1、$filter是用来进行数据格式化的专用服务;
2、AngularJS内置了currency、date、filter、json、limitTo、lowercase、uppercase、number、orderBy这8个filter;
3、filter可以嵌套使用,用管道符号"|"来分隔(有点像linux);
4、filter可以传递参数;
5、用户可自定义filter。
介绍下内置filter:
currency:用于格式化货币,如在数值前自动加上"$"或"¥"之类的。
date:格式化日期,它会提供丰富的日期格式。
json:完成json格式化。
number:如转成两位小数等。
orderBy:进行排序。
filter的简单使用:
{{ 1304375948024 | date }} {{ 1304375948024 | date:"MM/dd/yyyy h:mma" }} {{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }} {{ 30 | currency }}
输出:
May 3, 2011
05/03/2011 6:39AM
2011-05-03 06:39:08
$30.00
自定义filter:
eg:
var myModule = angular.module('myModule',[]); myModule.filter('myFilter',function(){ return function(item){ return 'Hi,'+item; } });
使用: {{ 'JennyLin' | myFilter }}
以上内容比较详细的给大家介绍了angular的$filter服务,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
您可能感兴趣的文章:
相关文章推荐
- Angular学习笔记之angular的$filter服务浅析
- angular学习笔记(十四)-$watch(1)
- Angular-UI-Router 学习笔记
- angular学习笔记--服务的三种定义方式
- Cordova学习笔记 angular中工具方法使用示例
- Angular学习笔记(二十一)表单处理之响应式表单
- angular2 学习笔记 ( 4.0 初探 )
- Angular 学习笔记——拖拽
- angular学习笔记(七)-迭代1
- Angular学习笔记(十二)之管道
- Angular 学习笔记——ng-repeat&filter
- angular2 学习笔记 1
- angular学习笔记二
- Angular 学习笔记 ( CDK - Accessibility )
- angular 2 学习笔记 1--Hello world
- 学习笔记—angular(1)
- Angular 学习笔记——ng-animate
- angularjs ng-class学习笔记
- angular学习笔记2015728
- Angular4学习笔记之准备和环境搭建项目