AngularJS中的filter用于過濾數組，基本用法是在HTML中使用{{ }}包圍表達式，如：{{ array | filter:expression }}。

AngularJS Filter 用法 基本用法

1、什么是 AngularJS Filter？

AngularJS Filter 是用于對數據進行過濾和格式化的指令，它可以在 HTML 模板中直接使用，也可以在控制器中使用。

2、如何使用 AngularJS Filter？

在 HTML 模板中使用過濾器：

```html

<div ngapp="myApp">

<input type="text" ngmodel="searchText">

<ul>

<li ngrepeat="item in items | filter:searchText">{{ item }}</li>

</ul>

</div>

```

在控制器中使用過濾器：

```javascript

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

$scope.items = ['apple', 'banana', 'orange'];

$scope.searchText = '';

});

```

3、常用的 AngularJS Filter 有哪些？

lowercase：將文本轉換為小寫。

uppercase：將文本轉換為大寫。

limitTo：限制顯示的字符數。

orderBy：根據指定條件對數組進行排序。

filter：根據指定的條件過濾數組。

date：格式化日期。

number：格式化數字。

currency：格式化貨幣。

json：將對象轉換為 JSON 字符串。

removeEmptyStrings：移除空字符串。

unique：移除數組中的重復元素。

reverse：反轉數組。

startsWith、endsWith：判斷字符串是否以指定字符開頭或結尾。

substring：截取字符串的一部分。

slice：截取數組的一部分。

join：將數組元素連接成一個字符串。

replace：替換字符串中的某個字符或子串。

search：查找字符串中是否包含指定字符或子串。

match：匹配字符串是否符合指定的正則表達式。

split：將字符串分割成數組。

capitalize：將文本的首字母大寫。

limitToRange：限制顯示的字符數范圍。

timespan：格式化時間間隔。

defaultIfEmpty：如果數組為空，則返回默認值。

removeDuplicates：移除數組中的重復元素，并保留原始順序。

unique：移除數組中的重復元素，并重新排序。

customFilter：自定義過濾器，可以根據需要編寫自己的過濾器函數。

相關問題與解（本文來源：kENgNiao.Com）答：

1、Q: 如何在 AngularJS Filter 中使用多個過濾器？

A: 可以在一個過濾器鏈中使用多個過濾器，用管道符（|）分隔每個過濾器的名稱和參數。{{ item | filter:searchText | lowercase }} 會先過濾出符合條件的項目，然后將結果轉換為小寫。

2、Q: 如何在控制器中自定義一個過濾器？

A: 可以在控制器中定義一個過濾器函數，并將其添加到 $scope 對象上作為屬性，然后在 HTML 模板中使用該過濾器時，只需使用過濾器名稱即可調用該函數，在控制器中定義一個名為 "customFilter" 的過濾器函數，可以這樣使用它：{{ item | customFilter }}

---