AngularJs 常用的过滤器

date格式化

{{ 1304375948024 | date }}       //结果：May 3, 2011
{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }}  //结果：05/03/2011 @ 6:39AM
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }} //结果：2011-05-03 06:39:08

number格式化

{{ 1.234567 | number:1 }} //结果：1.2
{{ 1234567 | number }}  //结果：1,234,567

currency货币格式化

{{ 250 | currency }}     //结果：$250.00
{{ 250 | currency:"RMB ￥ " }}  //结果：RMB ￥ 250.00

filter查找

{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:'s'}} //查找含有有s的行
 
//上例结果：[{"age":12,"id":11,"name":"sunm xing"},{"age":44,"id":12,"name":"test abc"}]
 
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:{'name':'iphone'} }} //查找name为iphone的行
 
//上例结果:[{"age":20,"id":10,"name":"iphone"}] 

orderBy对像排序

{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id':true }}  //根id降序排
 
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id' }}   //根据id升序排

limitTo字符串，对像的截取

{{ "i love tank" | limitTo:6 }}   //结果：i love
{{ "i love tank" | limitTo:-4 }}   //结果：tank
 
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | limitTo:1 }}  //结果：[{"age":20,"id":10,"name":"iphone"}]

方便自己，方便他人。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# angularjs  # 过滤器  # Angularjs过滤器实现动态搜索与排序功能示例  # Angularjs使用过滤器完成排序功能  # AngularJS常见过滤器用法实例总结  # 详解AngularJS中$filter过滤器使用(自定义过滤器)  # 实例解析angularjs的filter过滤器  # AngularJS过滤器filter用法总结  # Angular实现的自定义模糊查询、排序及三角箭头标注功能示例  # AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)  # AngularJS 过滤与排序详解及实例代码  # AngularJS ng-table插件设置排序  # Angular实现的内置过滤器orderBy排序与模糊查询功能示例  # 升序  # 降序  # hh  # ss  # mm  # number  # class  # brush  # js  # strong  # date  # pre  # dd  # yyyy  # mma 

相关文章： 小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  如何将凡科建站内容保存为本地文件？  ,想在网上投简历，哪几个网站比较好？  购物网站制作公司有哪些,哪个购物网站比较好？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何快速生成专业多端适配建站电话？  建站之星代理如何获取技术支持？  建站为何优先选择香港服务器？  ,怎么在广州志愿者网站注册？  html制作网站的步骤有哪些,iapp如何添加网页？  如何快速搭建高效WAP手机网站？  如何零基础开发自助建站系统？完整教程解析  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  测试制作网站有哪些,测试性取向的权威测试或者网站？  建站主机服务器选型指南与性能优化方案解析  代刷网站制作软件,别人代刷火车票靠谱吗？  建站主机选购指南与交易推荐：核心配置解析  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何通过建站之星自助学习解决操作问题？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  如何通过VPS建站无需域名直接访问？  宿州网站制作公司兴策,安徽省低保查询网站？  宝塔建站助手安装配置与建站模板使用全流程解析  如何选择适配移动端的WAP自助建站平台？  如何选择高效便捷的WAP商城建站系统？  建站之星云端配置指南：模板选择与SEO优化一键生成  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  网站制作的步骤包括,正确网址格式怎么写？  学校建站服务器如何选型才能满足性能需求？  如何通过老薛主机一键快速建站？  c# Task.ConfigureAwait(true) 在什么场景下是必须的  建站之星导航如何优化提升用户体验？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  建站主机CVM配置优化、SEO策略与性能提升指南  如何在阿里云ECS服务器部署织梦CMS网站？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  中山网站推广排名,中山信息港登录入口？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  Python多线程使用规范_线程安全解析【教程】  浅析上传头像示例及其注意事项  如何在IIS中新建站点并解决端口绑定冲突？  ,网站推广常用方法？  c# 在高并发场景下，委托和接口调用的性能对比  清除minerd进程的简单方法  制作证书网站有哪些,全国城建培训中心证书查询官网？  如何快速搭建个人网站并优化SEO？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？