Page 46 - AngularJS权威教程

26 第 7 章 过滤器

常用来过滤需要进行展示的元素。例如，在做客户端搜索时，可以从一个数组中立刻过滤出所需
的结果。
这个过滤器的第一个参数可以是字符串、对象或是一个用来从数组中选择元素的函数。

下面分情况介绍传入不同类型的参数。
 字符串

返回所有包含这个字符串的元素。如果我们想返回不包含该字符串的元素，在参数前加!
符号。
 对象

AngularJS会将待过滤对象的属性同这个对象中的同名属性进行比较，如果属性值是字符串
就会判断是否包含该字符串。如果我们希望对全部属性都进行对比，可以将$当作键名。
 函数

对每个元素都执行这个函数，返回非假值的元素会出现在新的数组中并返回。
例如，用下面的过滤器可以选择所有包含字母e的单词：

{{ ['Ari','Lerner','Likes','To','Eat','Pizza'] | filter:'e' }}
<!-- ["Lerner","Likes","Eat"] -->

如果要过滤对象，可以使用上面提到的对象过滤器。例如，如果有一个由people对象组成的
数组，每个对象都含有他们最喜欢吃的食物的列表，那么可以用下面的形式进行过滤：

{{ [{
'name': 'Ari',
'City': 'San Francisco',
'favorite food': 'Pizza'
},{
'name': 'Nate',
'City': 'San Francisco',
'favorite food': 'indian food'
}] | filter:{'favorite food': 'Pizza'} }}
<!-- [{"name":"Ari","City":"SanFrancisco","favoritefood":"Pizza"}] -->

也可以用自定义函数进行过滤（在这个例子中函数定义在$scope上）：
{{ ['Ari','likes','to','travel'] | filter:isCapitalized }}
<!-- ["Ari"] -->
isCapitalized函数的功能是根据首字母是否为大写返回true或false，具体如下所示：

$scope.isCapitalized = function(str) {
return str[0] == str[0].toUpperCase();
};
我们也可以给filter过滤器传入第二个参数，用来指定预期值同实际值进行比较的方式。

第二个参数可以是以下三种情况之一。

 true
用angular.equals(expected, actual)对两个值进行严格比较。