angularjs - 使用Angular和Bootstrap 3的动态分页

Question

我正在使用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>

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

Answer 1

使用UI-Bootstrap网站上的Pagination code example。

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

Plunker