angular的$filter服务浅析
程序员文章站
2022-04-02 19:48:49
...
首先,介绍下$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 }}
下一篇: JSP防止网页刷新重复提交数据的几种方法