AngularJS 过滤器

Posted 2020-10-07 Sun_

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);