使用Angular和Bootstrap的动态分页3

时间:2016-07-13 13:57:46

标签: angularjs twitter-bootstrap-3 angular-ui-bootstrap

我正在使用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 个答案:

答案 0 :(得分:0)

使用UI-Bootstrap网站中的Pagination code example

属性items-per-page定义每个分页页面将呈现的项目数量,该指令将完成剩下的工作并根据项目数量显示正确数量的页面,即使在添加/删除某些项目后也是如此它们。

Plunker