如何根据下拉值在表上应用筛选器？

Question

我有一个下拉列表，其值为

<select ng-model="recat"  ng-options="r.Id as r.Name for r in Categories">
    <option value="" disabled="" class="">-- Select Category --</option>
    <option label="All" value="string:0" selected="selected">All</option>
    <option label="TAB" value="string:1">MALE</option>
    <option label="Project" value="string:2">Fe-Male</option>
</select>

我的桌子

<tr ng-repeat="r in rabanalysisreport | filter:recat">
    <!-- SomeData -->
</tr>

在这里，我的问题是当我选择All(0)时，我想要显示，同时显示的男性和女性记录。但这里只显示男性或女性

Answer 1

在作用域中创建自定义筛选器方法。比如：

$scope.customFilter = function( criteria ) {
  return function( item ) {
    if (criteria === '0') {
      return true;
    } else {
      return item.recat === criteria;
    }
  };
};

<tr ng-repeat="r in rabanalysisreport | customFilter(recat)">
    <!-- SomeData -->
</tr>

如果提供数据示例，则可以执行更详细的代码。