AngularJS过滤器：返回与预期字符串不匹配的对象数组

Question

在 AngularJS 中，'filter' filter 可以查看对象数组并仅返回具有包含字符串比较器的字符串属性值的对象的数组。

因此，下面将给出对象数组people 的每个成员的列表，其中包含surname: 'Smith' 或occupation: 'Blacksmith' 或address_1: '123 Smithfield Lane' 等任何属性。

<ul>
    <li ng-repeat="person in people | filter: 'Smith'">
        {{ person.name }}
    </li>
</ul>

使用AngularJS获取不包含字符串'Smith'的对象数组的最佳方法是什么？

Answer 1

来自https://docs.angularjs.org/api/ng/filter/filter

用于从数组中选择项目的谓词。

可以是以下之一：

string：字符串用于匹配数组的内容。将返回数组中与该字符串匹配的所有字符串或具有字符串属性的对象。这也适用于嵌套对象属性。谓词可以通过在字符串前面加上前缀来否定！

<li ng-repeat="person in people | filter: '!Smith'">
    {{ person.name }}
</li>

如果您只想按名称过滤，请使用对象谓词

<li ng-repeat="person in people | filter: { name : '!Smith'}">
    {{ person.name }}
</li>