角度ng-repeat搜索对象的两个字段

时间:2016-02-09 15:34:59

标签: javascript angularjs ng-repeat angular-filters

说我有以下array

$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>

现在我想要的是我希望单个文本字段在namedescription中搜索结果,而不是其他字段

通常情况下,您会关注$scope.search.$之类的变量,但这会搜索所有字段。或者你可以为每个字段创建一个输入字段,但是这并不能满足我想要完成的任务。

所以我的问题是如何在同一时间对两个字段进行1次输入搜索?

这是上面代码的小提琴:

Fiddle

1 个答案:

答案 0 :(得分:0)

我相信这篇文章可能会帮到你: Filtering by Multiple Specific Model Properties in AngularJS (in OR relationship)

基本上利用了角度滤波器并对重复数组中的每个项目使用谓词函数。