angularjs + ui.bootstrap分页错页总页数

时间:2015-06-06 10:18:46

标签: angularjs twitter-bootstrap pagination

无法对主帖发表评论,因此需要发布新帖。

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

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

1 个答案:

答案 0 :(得分:20)

您只需要添加items-per-page属性:

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

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