国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:20:15
字體:
供稿:網(wǎng)友
在我們開發(fā)中經(jīng)常需要在頁面顯示給用戶的信息需要一定處理格式化,才能顯示給用戶。在angularjs中為我們提供了叫filter的指令,讓我們能夠很輕易就能做到著一些列的功能,angularjs內(nèi)部為我們提供了number等很多內(nèi)置的filter。
 

今天我們來了解一下AngularJS的內(nèi)置過濾器

先來看看這些內(nèi)置過濾器使用方法:

一個過濾器,不帶參數(shù)的情況
{{expression | filter}}

一個過濾器,帶參數(shù)的情況
{{expression | filter:arguments}}

一個過濾器,帶多個參數(shù)的情況
{{expression | filter: arg1: arg2: ...}}

多個過濾器,不帶參數(shù)的情況
{{expression | filter1 | filter2 | ...}}

下面我們分別使用以下AngularJS的內(nèi)置過濾器

currency

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

number

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

lowercase

lowercase將字符串轉(zhuǎn)換為小寫
可以這樣使用:{{ "HEllo" | lowercase}}
返回結(jié)果為:hello
online code點擊預(yù)覽

uppercase

uppercase將字符串轉(zhuǎn)換為大寫
可以這樣使用:{{ "HEllo" | uppercase}}
返回結(jié)果為:HELLO
online code點擊預(yù)覽

json

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

date

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

還有三個內(nèi)置的過濾器,但是使用稍微復(fù)雜一點,放在下一篇文章中我們大家一起探討吧

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。


發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 武隆县| 平原县| 昌吉市| 十堰市| 上栗县| 永寿县| 上饶县| 拉孜县| 沁源县| 廉江市| 永昌县| 隆尧县| 杂多县| 津南区| 准格尔旗| 铜川市| 托克逊县| 江门市| 太仆寺旗| 五河县| 东台市| 青铜峡市| 台北县| 肃宁县| 濮阳市| 临潭县| 郯城县| 台南市| 黄梅县| 盐城市| 泉州市| 泽普县| 黄山市| 汾阳市| 西充县| 旺苍县| 林芝县| 天津市| 大关县| 两当县| 三穗县|