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"/>

过滤器仅应用于名称。我想搜索2列名称和来源。怎么做？

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"/>

以角度js过滤表格的多个1列

1 个答案: