带有异步数据的角度 ng-table 分页答案

【问题标题】：angular ng-table pagination with async data带有异步数据的角度 ng-table 分页
【发布时间】：2015-08-27 18:06:16
【问题描述】：

我正在尝试遵循这个 ngTable 分页示例

 $scope.tableParams = new ngTableParams({
    page: 1,            // show first page
    count: 10           // count per page
}, {
    total: data.length, // length of data
    getData: function ($defer, params) {
        $defer.resolve(data.slice((params.page() - 1) * params.count(), params.page() * params.count()));
    }
})

我遇到了total: data.length 属性的问题，因为我是通过休息从服务器获取这个数组的，所以我的数组长度在开始时是 0。我可以将其设置为静态值，但这仅在我单击页面上的某个位置后才有效，如果我的数组变得大于该值，我会丢失项目。

我下面的例子是here

我可以通过其他方式完成分页，还是可以以某种方式更新 data.length 值？

【问题讨论】：

研究angularjs数据绑定和$scope.$apply

标签： javascript angularjs pagination

【解决方案1】：

在getData 中调用api 并设置total 属性如下：

params.total(data.length);

这个codepen 可能会有所帮助。

【讨论】：

【解决方案2】：

在 getData 方法中，进行 API 调用以获取数据，一旦您在成功回调中收到数据，就解决 promise 并像这样设置总参数：

//set the table params total value
params.total(data.length);
// set new data
$defer.resolve(data);

【讨论】：