带有对象的表上的复选框过滤

Question

我将 AngularJS 与 smart-table 模块一起使用，并用它显示一个表格。

行中的信息由 MySQL 的“POST”请求捕获。

这些信息堆叠在应用控制器中声明的 $scope.data_server 中：

app.controller('SearchbddCtrl', function ($scope, $http) {
   get_data();
function get_data() {
    var name = $scope.name;
    $http.post('/searchbdd', {name: name}).success(function (data, status, headers, config) {
        $scope.data_server = data;
    }).error(function (data, status) {
        alert("Connection Error");
     });
    }
});

在前端我这样显示它们：

<tr ng-repeat="data in displayCollection" st-select-row="data" st-select-mode="single">
<td>{{ data.login}}</td>
<td>{{ data.name}}</td>
</tr>

我想做什么： 使用多个复选框过滤这些行。我需要 10 个复选框。

我真的不知道该怎么做。。有人有任何信息或代码示例吗？？

示例： 例如，我在表格中展示了水果（香蕉、苹果和橙子）。我想在表格中只显示香蕉而不是香蕉、苹果和橙子。或者如果我只想显示苹果和橙子。我检查了“橙子”和“苹果”，它显示了包含这些类型水果的行。

更新：

这就是我想做的：https://github.com/lorenzofox3/Smart-Table/issues/387

Answer 1

您可以使用 ng-repeat 过滤器来执行此操作。

对于 Sample，如果您在集合的每一行中都有一个列类型，您可以执行以下操作：

<input type="checkbox" ng-model="$scope.filter.type" value="banana"/>

<tr ng-repeat="data in displayCollection | filter:$scope.filter" st-select-row="data" st-select-mode="single">
<td>{{ data.login}}</td>
<td>{{ data.name}}</td>
</tr>