1、uppercase，lowercase 大小寫轉換
{{"lower cap string"|uppercase}}// 結果：LOWER CAP STRING
{{"TANK is GOOD"|lowercase}}// 結果：tank is good
2、date 格式化
{{1490161945000|date:"yyyy-MM-dd HH:mm:ss"}}// 2017-03-22 13:52:25
3、number 格式化（保留小數）
{{149016.1945000|number:2}}
4、currency貨幣格式化
{{250|currency}}// 結果：$250.00
{{250|currency:"RMB ￥ "}}// 結果：RMB ￥ 250.00
5、filter查找
輸入過濾器可以通過一個管道字符（|）和一個過濾器添加到指令中，該過濾器后跟一個冒號和一個模型名稱。
filter 過濾器從數組中選擇一個子集
// 查找name為iphone的行
{{[
{"age":20,"id":10,"name":"iphone"},
{"age":12,"id":11,"name":"sunm xing"},
{"age":44,"id":12,"name":"test abc"}
]|filter:{'name':'iphone'}}}
6、limitTo 截取
{{"1234567890"|limitTo:6}}// 從前面開始截取6位
{{"1234567890"|limitTo:-4}}// 從后面開始截取4位
7、orderBy 排序
// 根id降序排
{{[ ?{"age":20,"id":10,"name":"iphone"},
{"age":12,"id":11,"name":"sunm xing"},
{"age":44,"id":12,"name":"test abc"}
]|orderBy:'id':true}}
// 根據id升序排
{{[ ?{"age":20,"id":10,"name":"iphone"},
{"age":12,"id":11,"name":"sunm xing"},
{"age":44,"id":12,"name":"test abc"}
]|orderBy:'id'}}
自定義過濾器
以下實例自定義一個過濾器reverse，將字符串反轉：
varapp=angular.module('myApp',[]);
app.controller('myCtrl',function($scope){
? ? ? ? ? ? ?$scope.msg="Runoob";
});
app.filter('reverse',function(){//可以注入依賴
? ? ? ? ? ?returnfunction(text){
? ? ? ? ? ? ? ? ? ? ? ? returntext.split("").reverse().join("");
? ? ? ? ? ?}
});
