angularjs - 使用 ng-table 进行分页

Question

我正在使用ng-table插件对表格进行分页，如下所示:

$scope.ngtableParams = new ngTableParams({}, {
                counts:false,
                getData: function(params) {
                    return $http.get($rootScope.app.authApi + 'questions/' + selectedSubtopic.id).then(function(data) {
                        params.total(data.data.length);
                        return data.data;
                    });
                }
            });

有趣的是，每次用户单击页码时，ng-table 都会调用 getData() 函数。再次点击整个内容并获取所有记录并显示它们。所以分页本质上是没有用的。

我需要有一个客户端分页。 ng-table 可以吗？

也尝试过这个

$http.get($rootScope.app.authApi + 'questions/' + selectedSubtopic.id)
                .success(function(data){
                    $scope.ngtableParams = new ngTableParams({count:5}, {
                        counts:[],
                        paginationMaxBlocks: 13,
                        paginationMinBlocks: 2,
                        total:data.length,
                        getData: function(params) {
                            return data;
                        }
                    });
                });

与上面的结果相同!

Answer 1

使用最新版本的 ng-table，我最终使用以下内容:

function IssueCtrl(NgTableParams, IssueService) {
    var self = this;

    loadTable();

    function loadTable() {
        IssueService.getIssues().then(function (issues) {
            self.tableParams = new NgTableParams({
                page: 1,
                count: 5
            }, {
                dataset: issues // might be data instead of dataset depending on ng-table version
            });
        });
    }
 }

借助数据集，客户端分页能够正常工作。

所以OP应该是这样的:

$http.get($rootScope.app.authApi + 'questions/' + selectedSubtopic.id)
            .success(function(result){
                $scope.ngtableParams = new ngTableParams({count:5}, {
                    counts:[],
                    paginationMaxBlocks: 13,
                    paginationMinBlocks: 2,
                    total:result.length,
                    dataset: result // might be data instead of dataset depending on ng-table version
                });
            });