angularJs的過濾器

1.currency

<lable>
    運費：{{data.free|currency:"￥"}}元
</lable>

2.number

<div>{{num|number:0}}</div> <!-- 1,234,567,888-->

number的參數為保留小數點的位數，默認為3；對象必須為數字

3.lowercase/uppercase

大小寫轉換，沒有參數

4.json

<pre></pre> 這個標簽可以識別空白字符

<pre>{{data}}</pre>輸出結果沒有換行

<pre>{{data|json}}</pre>輸出結果有換行

5.limitTo

<!--參數為限制顯示的位數，不寫就不限制.對象可以是數字，也可以是數組或者字符串-->

<span>{{num|limitTo:3}}</span>

6.date 日期過濾

date也可以傳入參數

<p>{{date|date}}</p>  

$scope.date="1748532310984";<!--May 29, 2025-->

<p>{{date|date:‘yyyy-MM-dd hh:mm:ss‘}}</p>
<!--2025-05-29 11:25:10-->

$scope.date
 
="1748532310984"; 

7.orderBy

<!--第一個參數為排序的參考量，第二個參數不寫默認為從小到大排列，寫true就是默認從大到小排序。-->

<pre>{{data|orderBy:main:true|json}}</pre>

8.Filter

<!--篩選出complate的值中含有ue的數據，如果加了true，就是帥選出只有ue的數據-->
<p>{{data|filter:{complate："ue"}:true}}</p>

9.js中的過濾

$scope.num=$filter("number")("1748532.310984",4);

AngularJS 過濾器