angularjs ui.bootstrap分页错页总页数

前端之家收集整理的这篇文章主要介绍了angularjs ui.bootstrap分页错页总页数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
无法评论主帖,所以需要发帖新问题.

我正在尝试实现this线程的分页解决方案,由Scotty.NET(最高评级的答案)编写,但面临一个奇怪的问题:

我的自定义代码在此plunker(http://plnkr.co/edit/Mdsy2x)中并解释了该问题.如果我将$scope.numPerPage设置为除“10”之外的任何数字 – 我的总页数错误.例如,如果我生成450 todo并设置$scope.numPerPage = 5; – 我总共得到45页,显示225个项目,因此除了10之外的任何数字都会给出错误的结果

解决方法

你只需要添加每页项目属性

<pagination 
      total-items="todos.length" 
      items-per-page="numPerPage"
      ng-model="currentPage" 
      max-size="maxSize"
      class="pagination-sm" 
      boundary-links="true">
  </pagination>

它的默认值是10,这就是为什么它每页只有10个项目才能正常工作.

猜你在找的Angularjs相关文章