首先，介紹下$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服務，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！