過濾器

1)使用AngularJS過濾器可以實現對字符串的大小寫轉換、貨幣格式的轉換、數組的過濾等等。

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

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

<div ng-app="">

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

<p>結果為： {{ name | uppercase}}</p>

</div>

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

過濾器currency，可以將數字轉換成貨幣格式，參照上面的例子，試試吧。

2). filter過濾器可以過濾數組并從中選擇出一個子集出來，用法是“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>

看到輸出結果了吧，filter過濾器是不是很強大而且用法超簡單就實現了對數據的簡單過濾，如果不使用它，那我們想要實現這個數據過濾效果是不是要相當麻煩(可以自己試試如何實現).

轉載于:https://www.cnblogs.com/rainheader/p/4624179.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。