Question

我正在使用AngularJS和智能表模块，我用它显示一个表。

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

这些信息堆叠在app控制器中声明的$ 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>

使用对象

1 个答案: