javascript - 具有异步数据的 Angular ng-table 分页

Question

我正在尝试遵循这个 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 属性时遇到问题，因为我是通过 rest 从服务器获取这个数组的，所以我的数组长度在开始时为 0。我可以将它设置为一个静态值，但这仅在我单击页面上的某个位置后才有效，如果我的数组变得大于该值，我将丢失项目。

我下面的例子是 here

我能否通过其他方式完成分页，或者我能否以某种方式更新 data.length 值？

Answer 1

在 getData 中调用 api 并设置 total 属性:

params.total(data.length);

这codepen可能有帮助。