angular內(nèi)置過濾器

1內(nèi)置過濾器有幾種

· 一個過濾器,不帶參數(shù)的情況

o {{expression | filter}}

· 一個過濾器,帶參數(shù)的情況

o {{expression | filter:arguments}}

· 一個過濾器,帶多個參數(shù)的情況

o {{expression | filter: arg1: arg2: ...}}

· 多個過濾器,不帶參數(shù)的情況

o {{expression | filter1 | filter2 | ...}}

下面我們分別使用以下

AngularJS的內(nèi)置過濾器

· currency

o currency允許我們設(shè)置自己的貨幣符號,默認(rèn)情況下會采用客戶端所處區(qū)域的貨幣符號。
o 可以這樣使用:
{{ 3600 | currency: "$¥"}}
o 返回結(jié)果為
$¥123.00
o online code點擊預(yù)覽

· number

o number過濾器將數(shù)字格式化成文本,它的參數(shù)是可選的,用來控制小數(shù)點后的截取位數(shù)
o **如果傳入的是一個非數(shù)字字符,會返回空字符串
**
o 可以這樣使用:
{{ 3600 | number:2}}
o 返回結(jié)果為:
3,600.00

· lowercase

o lowercase將字符串轉(zhuǎn)換為小寫
o 可以這樣使用:
{{ "HEllo" | lowercase}}
o 返回結(jié)果為:

· hello

o online code點擊預(yù)覽

· uppercase

o uppercase將字符串轉(zhuǎn)換為大寫
o 可以這樣使用:
{{ "HEllo" | uppercase}}
o 返回結(jié)果為:
HELLO

· json

o json過濾器可以將一個JSON或者JavaScript對象轉(zhuǎn)換成字符串。
o **這個過濾器對調(diào)試相當(dāng)有用
**
o 可以這樣使用:
{{ {"name":"dreamapple","language":"AngularJS"} | json}}
o 返回結(jié)果為:
{ "name": "dreamapple", "language": "AngularJS" }
o online code點擊預(yù)覽

· date

o date過濾器將日期過濾成你想要的格式,這個實在是很好的過濾器。
o *這個過濾器用法很多我這里列舉幾種常用的
§ {{ today | date: "yyyy - MM - dd"}}
§ 結(jié)果為:
2015 - 15 - 13
§ {{ today | date: "yyyy - MM - dd HH:mm::ss"}}
§ 結(jié)果為:
2015 - 18 - 13 20:18::38

2內(nèi)置服務(wù)有哪些

(1)$location服務(wù)
(2)$http服務(wù)
(3)$timeout()服務(wù)
(4)$interval()服務(wù)
(5)$routeProvider
(6)$q

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容