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

Question

我正在对angularjs进行分页。我的设计是在我点击第5页时首先显示前5页我需要显示第5页第一页的剩余页面，依此类推。

有人可以建议我如何实施设计吗？

这是我的工作样本link，但我无法实现我想要的设计。现在它有16页。我试图显示前5页，然后当我点击第5页链接时，应显示剩余的下四页，包括第一页的第5页。

enter code here

Answer 1

如果你使用bootstrap分页（我认为你这样做）将boundery-links设置为true，max-size设置为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>