首頁 > php教程 > PHP开发 > angular的$filter服務淺析

angular的$filter服務淺析

高洛峰
發布: 2016-12-07 10:09:11
原創
1457 人瀏覽過

首先,介紹下$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 }}

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板