javascript - 在 Angular js 中过滤表中超过 1 列的内容

Question

我正在尝试在由 ng-repeat 指令填充的表的多个列上添加过滤器。

<tr ng-repeat="descriptiveField in vm.descriptiveFieldList|filter:{name:vm.searchText}" ng-class-even="'even-bgcolor'">                                             
  <td ng-bind=descriptiveField.name></td>
  <td ng-bind="descriptiveField.fieldDescription></td>
  <td style="text-align: left" ng-bind=descriptiveField.source></td>
</tr>

我的搜索框为

<input type="text"  ng-model="vm.searchText" class="search-input"/>

过滤器仅应用于名称。我想搜索两列名称和来源。如何做到这一点？

Answer 1

使用$来filter any fields (相同级别或更深):

<tr ng-repeat="descriptiveField in vm.descriptiveFieldList | filter:search:strict}" ng-class-even="'even-bgcolor'">                                             
  <td ng-bind=descriptiveField.name></td>
  <td ng-bind="descriptiveField.fieldDescription></td>
  <td style="text-align: left" ng-bind=descriptiveField.source></td>
</tr>

<input type="text"  ng-model="search.$" class="search-input"/>