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

Question

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

假设我需要按钮为 [1][2][3][4][5][6][7][8][9][10] [Next 10 Pages] ... [Previuos 10 Pages] [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

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

标签： htmlangularjsbootstrap-ui

Answer 1

使用最大尺寸属性

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