隐藏页面并在分页中显示前五页

Question

我正在使用 angularjs 进行分页。我的设计是最初显示前 5 页，当我单击第 5 页时，我需要以第 5 页的第一个位置显示剩余的页面，依此类推。

谁能建议我如何实现这个设计？

这是我的工作示例link，但我无法实现我想要的设计。现在它有16页。我正在尝试显示前 5 页，然后当我单击第 5 页链接时，应显示剩下的接下来的 4 页，包括第 5 页的第一个位置。

enter code here

Answer 1

如果您使用引导分页（我认为您这样做）将边界链接设置为 true 并将最大大小设置为 5，分页将显示 5 个页面，在 5 个页面上单击它会再添加 2 个。

<pagination 
 boundary-links="true" 
 max-size="5" 
 items-per-page="10" 
 total-items="100" 
 ng-model="currentPage" 
 ng-change="pageChanged()">
</pagination>