javascript - Angular ng-repeat 搜索对象的两个字段

Question

假设我有以下数组

$scope.myArr = [{
    name: 'Marc Rasmussen',
    phone: 239470192,
    title: 'It Dude',
    description: 'Hello my name is Marc i am testing the fact that i can search for two fields in an object'
}, {
    name: 'Louise',
    phone: 1234567890,
    title: 'HR Director',
    description: 'I am also testing'
}, {
    name: 'Leonardo',
    phone: 123499,
    title: 'Actor',
    description: 'I have never won an oscar'
}];

现在如您所见，我有以下字段:

• 姓名
• 电话
• 标题
• 描述

现在我使用ng-repeat重复这些

<div ng-repeat="obj in myArr">
    <div>
        name: {{obj.name}}
    </div> 
    <div>
        phone: {{obj.phone}}
    </div>
    <div>
        title: {{obj.title}}
    </div>
    <div>
       description: {{obj.description}}
    </div>
</div>

现在我想要的是，我想要一个文本字段来搜索 name 和 description 中的结果，而不是其他字段

通常您会关心一个变量，例如$scope.search.$，但这会在所有字段中搜索。或者，您可以为每个字段创建一个输入字段，但这并不能满足我希望实现的目标。

所以我的问题是如何同时对两个字段进行 1 个输入搜索？

这是上面代码的一个 fiddle :

Fiddle

Answer 1

我相信这篇文章可能会对您有所帮助: Filtering by Multiple Specific Model Properties in AngularJS (in OR relationship)

本质上是利用 Angular 的过滤器，并对重复数组中的每个项目使用谓词函数。