对对象的两个字段进行角度ng重复搜索

Angular ng-repeat search for two fields of an object

本文关键字：ng 搜索 字段 对象 两个      更新时间：2023-09-26

假设我有以下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>
现在我想要的是

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

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

所以我的问题是你怎么能同时对两个字段进行 1 个输入搜索？

这是上述代码的小提琴：

小提琴

我相信这篇文章可能会帮助你：按 AngularJS 中的多个特定模型属性进行过滤（在 OR 关系中）

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

相关文章：