按钮开始移动点击分页按钮 - 矩形bootstrap ui分页

Question

我使用角度引导UI分页来显示下一个和上一个按钮的结果。结果集已正确显示。但是，在点击分页按钮时，我遇到了以下问题。当我点击第6,7号按钮项目时，按钮开始向右移动，依此类推。 如何在不移动按钮位置的情况下实现它。 请找到plunker样品以供参考。

链接到这里：https://plnkr.co/edit/wpy2WaCxzcc6YbmnaREl?p=preview

Answer 1

您可以使用此分页来解决问题：

<div class="row">
                        <pagination ng-model="page"
                                    page="pagingInfo.page"
                                    total-items="pagingInfo.totalItems"
                                    items-per-page="pagingInfo.itemsPerPage"
                                    ng-change="selectPage(page)"
                                    max-size="5"
                                    rotate="false"
                                    boundary-links="true"></pagination>
                    </div>