AngularJS过滤器使用多个输入

Question

我想使用两个输入框过滤我的用户数组。

这是我的数组的结构：

    $scope.users = [{
    id: 1,
    fname: 'Sophia',
    lname: 'Smith',
    email: 'sophia@mail.com'
}...

我的输入框叫做 nameSearch 和 emailSearch。我想用 nameSearch 搜索 fname 和 lname 属性，同时将 emailSearch 应用于 email 属性。

我发现当我使用像 | 这样的简单过滤器时filter:nameSearch，它搜索整个数组对象。我想将其限制为仅使用 fname、lname 和电子邮件进行搜索。

我已阅读文档并尝试过类似的方法

<li ng-repeat="user in users | filter:{fname: nameSearch, lname: nameSearch, email: emailSearch}">{{user.fname + ' ' + user.lname}}</li>

但它并没有像我想象的那样工作。

我是否必须为此编写自定义过滤器？

Fiddle

Answer 1

如果您使用所有过滤器，则该组合是所有搜索的 AND。

您可以使用基本搜索：

<li ng-repeat="user in users | filter: nameSearch ">{{user.fname + ' ' + user.lname}}</li>

它会根据您的搜索检索任何字段。

如果您需要更具体地过滤某些字段，您可以使用 OR 逻辑为该操作创建一个函数。