按钮在点击分页按钮时开始移动 - angular bootstrap ui pagination答案

【问题标题】：button started shifting on clicking of pagination button -angular bootstrap ui pagination按钮在点击分页按钮时开始移动 - angular bootstrap ui pagination
【发布时间】：2017-08-03 03:26:39
【问题描述】：

我正在使用 angular bootstrap UI 分页来显示下一个和上一个按钮的结果。结果集已正确显示。但是我在点击分页按钮时遇到了以下问题。当我单击按钮项目 6、7 等时，按钮开始向右移动。如何在不移动按钮位置的情况下实现它。请查找 plunker 示例以供参考。

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

【问题讨论】：

标签： angular angular-ui-bootstrap

【解决方案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>

【讨论】：

你能不能给我一个在 jsfiddle 或 plunker 中的工作视图
是的，请一分钟。
此链接包含多个分页示例jsfiddle.net/consultwithmike/619ryubL
感谢您的回复，但是这个问题并没有解决我的问题。当我单击下一个按钮时，该按钮正在向正确的位置移动。这是执行相同操作的 jsfiddle--> jsfiddle.net/pogf1cf9 。我已经更新了你的 jsfiddle，但我仍然面临同样的问题。当我单击按钮 6、7、8 等时，您能否为我提供一个不移动下一个按钮的解决方案。
我正在更新 Jsfiddle，问题已解决jsfiddle.net/pogf1cf9/2