如何修复ngtable分页?

时间:2015-08-06 00:57:37

标签: angularjs ngtable

我开发了带过滤器的ngtable。桌子上的分页不再起作用了吗?当我在表格底部选择显示10行时,它仍显示14行?我该如何修复分页/索引?

这是我的表定义:

<table ng-table="tableParams" class="table">
     <tr ng-repeat="account in $parent.filtered =(data  | filter:search.accountName | filter:search.id)">
          <td data-title="'id'">
                {{account.account.accountId.id}}
          </td>
          <td data-title="'name'">
                {{account.account.accountName}}
          </td>
     </tr>
</table>

plunkr:http://plnkr.co/edit/Rqt6px?p=preview

1 个答案:

答案 0 :(得分:0)

你需要自己计算分页功能。您可以在here中看到ng-table的示例。

var Api = $resource("/data");
this.tableParams = new NgTableParams({}, {
  getData: function(params) {
    // ajax request to api
    return Api.get(params.url()).$promise.then(function(data) {
      params.total(data.inlineCount); // recal. page nav controls
      return data.results;
    });
  }
});

首先将所有数据加载到Apiparams.url()包含当前页面和页数。然后使用这两个变量返回数据集的一部分。所以你可能需要弄清楚如何返回这部分数据。