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

时间:2016-07-12 16:53:23

标签: angularjs pagination angular-ui-bootstrap

我目前正在更新一个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>

有人能指点我或给我一个很好的解释总项目吗? 为什么我必须将{8}与uib-pagination相乘才能获得与pagination相比较的结果?

1 个答案:

答案 0 :(得分:0)

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

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