Angular UI Bootstrap分页服务器端?

时间:2016-07-19 05:15:09

标签: angularjs angular-ui-bootstrap angular-ui

我想为angular-ui bootstrap分页实现服务器端分页。我将在ng-repeat中使用scope.items来显示表列表,并最初从服务器获取50个项目并存储在scope.items对象中。然后当scope.currentPage为3时我将获取接下来的50个项目,依此类推。问题是我想保留scope.items,因为它总是包含50个项目。因此,当我得到接下来的50个项目时,我需要从第3页开始。但是分页不正常。

请建议实施此方法。

在html页面中。

  <pagination first-text="First" items-per-page="pageSize" last-text="Last" ng-change="pageChanged()" max-size="paginationMaxSize" next-text="›" ng-model="currentPage" previous-text="‹" total-items="total_items_count">
</pagination>

在ng-repeat中我们正在使用

 <tr ng-repeat="item in items|startFrom:(CurrentPage - 1) * pageSize | limitTo:pageSize" ng-show="items.length">                                                      <td><span>{{item.name}}                                                       </span></td></tr>

0 个答案:

没有答案