您的位置:首页 > Web前端 > AngularJS

过滤器

2016-04-06 09:21 525 查看
使用AngularJS过滤器可以实现对字符串的大小写转换、货币格式的转换、数组的过滤等等。

用法:管道字符(|)+过滤器名。

过滤器uppercase、lowercase对字符串转换大、小写,如下所示:

```
<div ng-app="">
请输入: <input type="text" ng-model="name">
结果为: {{ name | uppercase}}
</div>
过滤器currency,可以将数字转换成货币格式


filter过滤器可以过滤数组并从中选择出一个子集出来,用法是“filter:模型名称”,示例:

<div ng-app="" ng-init="friends = [
{name:'tom', age:16},
{name:'jerry', age:20},
{name:'garfield', age:22}]">

输入过滤:<input type="text" ng-model="name" >
<ul style="list-style-type:none">
<li>   姓名,年龄</li>
<li  ng-repeat="x in friends | filter:name">
{{ x.name + ' , ' + x.age }}
</li>
</ul>
</div>


filter过滤器是不是很强大而且用法超简单就实现了对数据的简单过滤,如果不使用它,那我们想要实现这个数据过滤效果是不是要相当麻烦(可以自己试试如何实现),而现在只需那么简单,足以彰显AngularJS是多么的给力呀!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angularjs