1. 程式人生 > >angularjs 過濾器

angularjs 過濾器

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'}}