Angular学习笔记之angular的$filter服务浅析
林七七 人气:0首先,介绍下$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:"MMhttps://img.qb5200.com/download-x/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服务,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
加载全部内容