获取AngularJS过滤器的匹配属性

Question

我有一个非常典型的Angular ng-repeat设置：

<input type="text" ng-model="search" />
<ul>
  <li ng-repeat="item in items | filter:search">
    {{item.name}}
  </li>
</ul>

它按预期工作 - 在搜索框中输入文本时，任何具有与搜索查询匹配的嵌套属性的项目都会显示在列表中。

我的问题是如何知道每个过滤项目的属性是否与过滤器匹配？

Answer 1

当您将字符串设置为过滤器时，它将搜索对象内的整个字符串。如果要按属性过滤，可以使用对象：

<input type="text" ng-model="search">
<ul>
  <li ng-repeat="item in items | filter: {property: search}">
    {{item.name}}
  </li>
</ul>