angularjs 自带的过滤器

时间：2015-03-11 10:35:24 阅读：165 评论：0 收藏：0 [点我收藏+]

标签：

一，内置的过滤器

1，uppercase，lowercase大小转换

｜这里的竖线是一种管道功能，如果对linux比较熟悉的话，这块的｜根linux的管道功能，基本是一样的

2，json格式化

注意：bza没格式前是没有双引号的，格式化后就转换成了json数据了。

3，date格式化

4，number格式化

5，currency货币格式化

6，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"}]

7，limitTo字符串，对像的截取

8，orderBy对像排序

二，自定filter功能

我找了一个基本angularjs的mvc框架，phonecat，自定义filter也是在这基础写的，这个框架挺好用的。

1，filters.js添加一个module

2，app.js中加载这个module

3，html中调用

注意：| lowercase |tankreplace管道命令可以有多个

转载海底苍鹰
地址:http://blog.51yip.com/jsjquery/1592.html

标签：

原文地址：http://www.cnblogs.com/Denny_Yang/p/4329084.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行