首先,介紹下$filter服務:
1、$filter是用來進行資料格式化的專用服務;
2、AngularJS內建了currency、date、filter、json、limitTo、lowercaseorder、uppercase、number、By這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:399 0.00
自訂filter:
eg:
var myModule = angular.module('myModule',[]); myModule.filter('myFilter',function(){ return function(item){ return 'Hi,'+item; } });
使用: {{ 'JennyLin' | myFilter }}