angularjs - 按多个模型过滤

Question

这似乎很简单，我就是找不到答案。

假设我有一组数据，如下所示:

friends = [{name:'John', age:60, location:'Brighton', street:'Middle Street'},
{name:'Bob', age:5, location:'Brighton', street:'High Street'}];

现在，我想根据文本输入过滤数据，如下所示:

<input ng-model="searchText">
<ul>
    <li ng-repeat="friend in friends | orderBy:'name' | filter:searchText">
    {{friend.name}} - {{friend.location}}</li>
</ul>

这工作正常，但它根据 friend 对象的每个属性(姓名、年龄、位置和街道)过滤输入文本。我希望能够仅根据名称和位置进行过滤(忽略年龄和街道)。如果没有自定义过滤器，这可能吗？

Answer 1

是的，可以通过简单地将谓词而不是字符串传递给过滤器来实现:

<li ng-repeat="friend in friends | orderBy:'name' | filter:friendContainsSearchText">

$scope.friendContainsSearchText = function(friend) {
    return friend.name.indexOf($scope.searchText) >= 0 || friend.location.indexOf($scope.searchText) >= 0
}