簡(jiǎn)介
? ??AngularJS 過(guò)濾器可用于轉(zhuǎn)換數(shù)據(jù)吕晌,通過(guò)一個(gè)管道字符(|)和一個(gè)過(guò)濾器添加到表達(dá)式中悦即,這一章節(jié)我們講5種過(guò)濾器瓢捉。
過(guò)濾器
? ??????currency:金幣過(guò)濾器。
? ??????date:時(shí)間過(guò)濾器蓝仲。
? ??????number:數(shù)字過(guò)濾器(個(gè)人認(rèn)為應(yīng)該叫千位符過(guò)濾器也挺合適)
? ??????uppercase:轉(zhuǎn)大寫(xiě)過(guò)濾器俱病。
? ??????lowercase:轉(zhuǎn)小寫(xiě)過(guò)濾器官疲。
?用法
? ? ? ? 1.currency:金幣過(guò)濾器 ?
? ? ? ? ? ? ? ? $scope.price = 123456;
? ? ? ? ? ? ? ? {{price | currency}} 輸出:$123,456.00
? ? ? ? ? ? ? ? {{price | currency:"¥"}} 輸出:¥123,456.00
? ? ? ? ? ? ? ? {{price | currency:"人民幣"}} 輸出:人民幣123,456.00
? ? ? ? 2.date:時(shí)間過(guò)濾器
? ? ? ? ? ? ? ? $scope.time = Date.now();?
? ? ? ? ? ? ? ? {{time | date}}?輸出:1530978986342(毫秒時(shí)間戳)
? ? ? ? ? ? ? ? {{time | date:"yyyy"}} 輸出:2018年
? ? ? ? ? ? ? ? {{time | date:"MM"}} 輸出:07
? ? ? ? ? ? ? ? {{time | date:"yyyy-MM-dd HH:mm:ss"}} 輸出:2018-07-07 23:57:04
? ? ? ? 3.?number:數(shù)字過(guò)濾器
? ????????????$scope.count = 1234567890;
? ? ? ? ? ? ? ? {{count | number}} 輸出:1,234,567,890
? ??????????????{{1.23456 | number: 2}} 輸出:1.23
? ? ? ? 4.uppercase:轉(zhuǎn)大寫(xiě)過(guò)濾器
????????????????{{"Hello" | uppercase}} 輸出:HELLO
? ??????????????{{"Hello" | lowercase}} 輸出:hello
? ??????????????????????????????????????????????????????????不積跬步無(wú)以至千里,不積小流無(wú)以成江海