Question

我正在尝试使用ngTable但它没有按预期工作。我实施了分页，排序和过滤

这是我创建的plunker。

我的方法与docs示例中指定的方式相同。分页，排序和过滤不起作用。

我尝试调试，但我也没有收到任何错误消息

Answer 1

我使用的是ng-table的更高版本，但遇到了类似的问题。显然，您需要将show-filter="true"添加到表标记中。我没有在ng-table的文档/示例中看到这一点，但在源代码测试中找到了它。

My Angular Version：1.2.16
我的ng-Table版本：0.8.3

也尝试了

Angular Version：1.2.28
ng-Table版本：0.4.3

HTML

<div class="row">
<div class="col-lg-12">
    <table ng-table="tableParams" show-filter="true" class="table table-condensed table-bordered table-striped">
        <tr ng-repeat="candidate in $data">
            <td data-title="'First Name'" filter="{firstName : 'text'}">{{candidate.firstName}}</td>
            <td data-title="'Last Name'"  filter="{lastName  : 'text'}">{{candidate.lastName}}</
        </tr>
    </table>
</div>

JS控制器

controller: function ($scope, Candidates, NgTableParams) {
            var tableParams = {
                count : 15
            };
            var tableSettings = {

            };
            Candidates.getCandidates().then(function (res) {
                tableSettings.data = res.data._embedded.candidates;
                $scope.tableParams = new NgTableParams(tableParams, tableSettings);
            });
        }

Answer 2

首先在控制器中注入$filter

controller('DemoCtrl', function($scope, $filter, ngTableParams) {

第二，您需要像这样将ng-repeat应用于$data变量 <tr ng-repeat="g in $data">

更新

此处正在运行plunk，包含上述所有修改，以及<tr ng-repeat="g in $data">和angular 1.2.26

UPDATE2

在ngtable 0.3.1函数

中检索数据后，如果需要您的视图，则可以绑定$scope.tabledata

getData

ng-table分页，排序和过滤不起作用

2 个答案:

更新

UPDATE2