带有复选框的 ng-repeat 中的动态过滤表

Question

我想通过使用复选框来过滤我的表格，我使用带有以下代码的单选按钮成功地做到了这一点：

<label class="checkbox-inline" >
       <input type="radio" ng-model="term" value="HT1"/> HT1
       <input type="radio" ng-model="term" value="HT2"/> HT2
       <input type="radio" ng-model="term" value="VT1"/> VT1
       <input type="radio" ng-model="term" value="VT2"/> VT2
</label>
<tr ng-repeat="course in vm.courses|filter:term">

我意识到在使用复选框时同样不行，因为所有复选框都使用相同的 ng-model。但是我如何使用复选框来做到这一点？如果必须使用脚本，我想使用 javascript 而不是 angular

Answer 1

试试这个：

<input type="checkbox" ng-model='filter1' ng-true-value="'filter1'" ng-false-value=''/> filter1
<input type="checkbox" ng-model='filter2' ng-true-value="'filter2'" ng-false-value=''/> filter2
<tr ng-repeat="course in vm.courses | filter:filter1 | filter:filter2">

或编写自定义过滤器：

app.filter('myCustomFilter', function() {
return function(input, optional1,optional2) {
     var output;
     // Do filter work here
     return output;
    }
});

并按以下方式使用它：

<tr ng-repeat="course in vm.courses | myCustomFilter">