過濾器

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

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

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

<div ng-app="">

請輸入: <input type="text" ng-model="name">

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

</div>

使用方法很簡單吧，在試試過濾器lowercase的效果吧！

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

2). filter過濾器可以過濾數(shù)組并從中選擇出一個子集出來，用法是“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過濾器是不是很強大而且用法超簡單就實現(xiàn)了對數(shù)據(jù)的簡單過濾，如果不使用它，那我們想要實現(xiàn)這個數(shù)據(jù)過濾效果是不是要相當麻煩(可以自己試試如何實現(xiàn)).

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

總結(jié)

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

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