uib-pagination，限制可见页面按钮的最大数量

Question

我使用 uib-pagination 非常成功，但是我现在分页的数据非常庞大，结果页面数量非常大，所以我在我的页面末尾有大约 2800 多个按钮。我需要以某种方式让用户有机会使用较少数量的按钮浏览页面。

假设我需要的按钮是 [1][2][3][4][5][6][7][8][9][10][下一个 10页数]...[前 10 页][2790][2791][2792][2793][2794][2795][2796][2797][ 2798][2799][2800]

这是html

<uib-pagination total-items="SearchCriteria.PageInfo.Total_Items"
                                    items-per-page="SearchCriteria.PageInfo.Pg_sz"
                                    next-text="Next"
                                    previous-text="Previous"
                                    ng-model="SearchCriteria.PageInfo.Pg_no"
                                    class="pagination-sm"
                                    boundary-link-numbers="true"
                                    ng-change="GetPaged()">
                    </uib-pagination>

这是我正在使用的组件：ui-bootstrap-tpls-1.0.3.js

我可以使用任何属性来实现这一点吗？

Answer 1

使用最大尺寸属性

<uib-pagination 
      max-size= "maxSizeValue">
 </uib-pagination>

uib-pagination，限制可见页面按钮的最大数量

uib-pagination, limit maximum number of visible page buttons

html

angularjs

bootstrap-ui