首先,介紹下$filter服務: 1、$filter是用來進行數據格式化的專用服務; 2、AngularJS內置了currency、date、filter、json、limitTo、lowercase、uppercase、number、orderBy這8個filter; 3、filter可以嵌套使用 ...
首先,介紹下$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 }} ps:這個是我在慕課上學大漠窮秋老師的angular時做的筆記。