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

Question

无法评论主要帖子，因此需要发布新问题。

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

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

Answer 1

你只需要添加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 个项目时运行良好的原因。