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 

相关文章： 如何在西部数码注册域名并快速搭建网站？  常州企业网站制作公司,全国继续教育网怎么登录？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  盐城做公司网站,江苏电子版退休证办理流程？  如何通过WDCP绑定主域名及创建子域名站点？  建站之星好吗？新手能否轻松上手建站？  如何快速生成ASP一键建站模板并优化安全性？  网站代码制作软件有哪些,如何生成自己网站的代码？  建站主机选购指南：核心配置优化与品牌推荐方案  如何通过老薛主机一键快速建站？  兔展官网 在线制作,怎样制作微信请帖？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  如何用低价快速搭建高质量网站？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  定制建站策划方案_专业建站与网站建设方案一站式指南  如何在万网ECS上快速搭建专属网站？  css网站制作参考文献有哪些,易聊怎么注册？  小建面朝正北，A点实际方位是否存在偏差？  建站主机选购指南：核心配置与性价比推荐解析  沈阳制作网站公司排名,沈阳装饰协会官方网站？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  建站之星如何一键生成手机站？  常州自助建站工具推荐：低成本搭建与模板选择技巧  建站之星24小时客服电话如何获取？  如何选择高效便捷的WAP商城建站系统？  企业微网站怎么做,公司网站和公众号有什么区别？  营销式网站制作方案,销售哪个网站招聘效果最好？  定制建站价位费用解析与套餐推荐全攻略  网站制作难吗安全吗,做一个网站需要多久时间？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  如何高效生成建站之星成品网站源码？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  建站主机选择指南：服务器配置与SEO优化实战技巧  如何破解联通资金短缺导致的基站建设难题？  北京企业网站设计制作公司,北京铁路集团官方网站？  建站之星安装失败：服务器环境不兼容？  已有域名如何免费搭建网站？  建站主机选购指南与交易推荐：核心配置解析  如何自定义建站之星网站的导航菜单样式？  如何通过智能用户系统一键生成高效建站方案？  如何通过万网虚拟主机快速搭建网站？  建站之星如何实现PC+手机+微信网站五合一建站？  淘宝制作网站有哪些,淘宝网官网主页？  大型企业网站制作流程,做网站需要注册公司吗？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  建站三合一如何选？哪家性价比更高？