帶有復選框的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">