从分页迁移到 uib 分页 - 如何设置总项目？

Question

我目前正在更新一个已有 3 年历史的项目，我在该项目中使用了早期版本的 Angular UI Bootstrap。除其他外，我尝试将 pagination 迁移到 uib-pagination，但即使我阅读了文档并尝试搜索它，我也找不到总项目的解释，解释为什么它需要高于页面.

这是我以前的：

 <pagination num-pages="player.rounds.length" current-page="selectedRound" class="pagination-centered" previous-text="Vorherige Runde" next-text="Nächste Runde" on-select-page="selectedRound=page"></pagination>

这是我现在用的

<uib-pagination total-items="player.rounds.length*8" ng-model="selectedRound" class="pagination" previous-text="Vorherige Runde" next-text="Nächste Runde"></uib-pagination>

谁能指出我或给我一个很好的解释total-items？ 为什么我必须将它乘以 8 和 uib-pagination 才能得到与 pagination 相似的结果？

Answer 1

由于文档很少，我花了一段时间才弄明白。参数items-per-page 控制每页的项目。默认情况下，itemsPerPage 设置为 10。uib-pagination 文档中的示例让我感到困惑，因为总项目数设置为 64，这意味着前 6 页有 10 个项目，第 7 页只有 4 个项目。

要获得与pagination 相同的行为，只需将items-per-page 设置为1。