Angularjs filter过滤器以及自定义filter过滤器

妖狐艹你老母 2022-07-17 00:21 293阅读 0赞

1.  Angularjs  filter过滤器

1.  uppercase，lowercase大小转换

1.  json格式化

1.  date格式化

1.  number格式化

1.  currency货币格式化

1.  filter查找

<table style="word-wrap:break-word; empty-cells:show; border-collapse:collapse; color:rgb(0,0,0); font-family:Tahoma,'Microsoft Yahei',Simsun; font-size:14px; line-height:25.2px; border:currentcolor"> 
 <tbody style="word-wrap:break-word"> 
 <tr style="word-wrap:break-word"> 
 <td style="word-wrap:break-word; padding:0cm 5.4pt; border:1pt solid windowtext; width:426.1pt; background-color:transparent"> { { [{"age": 20,"id": 10,"name": "iphone"}, {"age": 12,"id": 11,"name": "sunm xing"}, {"age": 44,"id": 12,"name": "test abc"} ] | filter:'s'}}&nbsp;&nbsp;&nbsp;&nbsp;//查找含有有s的行 &nbsp; //上例结果：[{"age":12,"id":11,"name":"sunm xing"},{"age":44,"id":12,"name":"test abc"}] &nbsp; { { [{"age": 20,"id": 10,"name": "iphone"}, {"age": 12,"id": 11,"name": "sunm xing"}, {"age": 44,"id": 12,"name": "test abc"} ] | filter:{'name':'iphone'} }}&nbsp;&nbsp;&nbsp;//查找name为iphone的行 &nbsp; //上例结果:[{"age":20,"id":10,"name":"iphone"}] </td> 
 </tr> 
 </tbody> 
</table>

1.  limitTo字符串，对像的截取

1.  orderBy对像排序

1.  控制器使用 filter

1.  Angularjs自定义filter过滤器

1.  filters.js添加一个module

查看复制打印?

angular.module('tanktest', \[\]).filter('tankreplace', function() \{

return function(input) \{

return input.replace(/tank/, "=====")

\};

\});

2.app.js中加载这个module