带有 OR 条件的 ng-repeat 过滤器

Question

我想从文本框中过滤一个带有模型值的列表。

例子

 var person={};
 person.Id=1;
 person.Name="Test 1";
 person.PetName="Rest 1"

 var persons=[];
 persons.push(person);

 person.Id=2;
 person.Name="Test ds";
 person.PetName="Rest sd";
 persons.push(person);

Persons 数组将有多个人。 在 HTML 中，我有一个搜索框。

<input type="text" ng-model="seachText" placeholder="search by Name and pet name"/>

<div ng-repeat="person in persons | filter : {$:seachText}">
<div>{{person.Name}}</div>
</div>

情况1：

当我在文本框中输入 2 时，会出现一个结果。 我不想要那个。 我只想按名称和宠物名称过滤。

如果没有自定义过滤器，是否有可能实现这一目标？ 过滤指令是否允许属性的 OR 条件？

请帮忙。 谢谢。

Answer 1

对我来说， 自定义“OR”过滤器是首选解决方案，但您可以使用内置filter两次（对于每个 OR 条件），然后使用 UNION ALL 结果：

 angular.module('app', []).controller('ctrl', function($scope){ $scope.persons = [ {Id:95, Name:"Tom", PetName: "Pet1"}, {Id:96, Name:"Sam", PetName: "Pet2"}, {Id:97, Name:"Max", PetName: "Pet3"}, {Id:98, Name:"Henry", PetName: "Pet4"} ] })

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app='app' ng-controller='ctrl'> <input type='text' ng-model='search'/> <div ng-repeat='person in temp = (persons | filter : {Name: search})'> {{person | json}} </div> <div ng-repeat='person in persons | filter : {PetName: search}' ng-if='temp.indexOf(person) == -1'> {{person | json}} </div> </div>