欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angular學(xué)習(xí)筆記之a(chǎn)ngular的$filter服務(wù)淺析

 更新時間：2016年11月12日 09:12:39   作者：林七七  
本文是小編記錄的angular學(xué)習(xí)筆記，通過本文首先給大家介紹了$filter服務(wù)，然后介紹下內(nèi)置filter及filter的簡單使用，非常不錯具有參考借鑒價值，感興趣的朋友一起看看吧

首先，介紹下$filter服務(wù)：

1、$filter是用來進行數(shù)據(jù)格式化的專用服務(wù)；

2、AngularJS內(nèi)置了currency、date、filter、json、limitTo、lowercase、uppercase、number、orderBy這8個filter；

3、filter可以嵌套使用，用管道符號"|"來分隔（有點像linux）；

4、filter可以傳遞參數(shù)；

5、用戶可自定義filter。

介紹下內(nèi)置filter：

currency：用于格式化貨幣，如在數(shù)值前自動加上"$"或"￥"之類的。

date：格式化日期，它會提供豐富的日期格式。

json：完成json格式化。

number：如轉(zhuǎn)成兩位小數(shù)等。

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

以上內(nèi)容比較詳細的給大家介紹了angular的$filter服務(wù)，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！

相關(guān)文章

最新評論