分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

AngularJS ?过滤器

发布时间:2023-09-06 01:11责任编辑:胡小海关键词:AngularAngularJS

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 ?过滤器

原文地址:http://www.cnblogs.com/SPHmomo/p/7530788.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved