使用 Angular 和 Bootstrap 3 进行动态分页答案

【问题标题】：Dynamic Pagination using Angular and Bootstrap 3使用 Angular 和 Bootstrap 3 进行动态分页
【发布时间】：2016-11-16 03:58:31
【问题描述】：

我正在使用 AngularJS 和 Bootstarp3，需要一些分页方面的帮助。

我需要根据我拥有的数据量（大约 150,000 个条目）创建页面。

<pagination>... </pagination>

据我了解，不适用于 Bootstrap 3。

可以使用此方法创建页面：

<ul class="pagination">
  <li class="active"><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
</ul>

..但我需要一种自动添加/删除页面的方法，因为表中的条目数可以改变。

【问题讨论】：

【解决方案1】：

使用 UI-Bootstrap 站点中的 Pagination code example。

items-per-page 属性定义了每个分页页面将呈现多少项目，该指令将完成其余的工作，并根据项目的数量显示正确的页面数量，即使在您添加/删除其中一些之后也是如此。

【讨论】：