過濾器

1)使用AngularJS過濾器可以實(shí)現(xiàn)對(duì)字符串的大小寫轉(zhuǎn)換、貨幣格式的轉(zhuǎn)換、數(shù)組的過濾等等。

用法：管道字符(|)+過濾器名。

1.過濾器uppercase、lowercase對(duì)字符串轉(zhuǎn)換大、小寫，如下所示：

<div ng-app="">

請(qǐng)輸入: <input type="text" ng-model="name">

<p>結(jié)果為： {{ name | uppercase}}</p>

</div>

使用方法很簡(jiǎn)單吧，在試試過濾器lowercase的效果吧！

過濾器currency，可以將數(shù)字轉(zhuǎn)換成貨幣格式，參照上面的例子，試試吧。

2). filter過濾器可以過濾數(shù)組并從中選擇出一個(gè)子集出來，用法是“filter:模型名稱”，示例如下：

<div ng-app="" ng-init="friends = [

{name:'tom', age:16},

{name:'jerry', age:20},

{name:'garfield', age:22}]">

?

<p>輸入過濾:<input type="text" ng-model="name"></p>

?

<ul style="list-style-type:none">

<li>姓名，年齡</li>

<li ng-repeat="x in friends | filter:name">

{{ x.name + ' , ' + x.age }}

</li>

</ul>

?

</div>

看到輸出結(jié)果了吧，filter過濾器是不是很強(qiáng)大而且用法超簡(jiǎn)單就實(shí)現(xiàn)了對(duì)數(shù)據(jù)的簡(jiǎn)單過濾，如果不使用它，那我們想要實(shí)現(xiàn)這個(gè)數(shù)據(jù)過濾效果是不是要相當(dāng)麻煩(可以自己試試如何實(shí)現(xiàn)).

轉(zhuǎn)載于:https://www.cnblogs.com/rainheader/p/4624179.html

總結(jié)

以上是生活随笔為你收集整理的过滤器--起步阶段的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。