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

Question

我将 AngularJS 与智能表格模块一起使用，并用它显示一个表格。

行中的信息是通过 MySQL 的“POST”请求捕获的。

这些信息堆叠在应用 Controller 中声明的 $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 过滤器来执行此操作。

对于示例，如果集合的每一行都有一个列类型，您可以执行如下操作:

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