javascript - 用angularJS怎么实现下图中首页、刷新、上一页等功能啦？

Question

想用angularJS实现下图表格中首页、刷新、上一页等功能，以及每页刚好展现十条数据，求大神指点！

Answer 1

ui-bootstrap里有分页插件的 ajax返回10条

Answer 2

可以用 Boostrap。https://github.com/angular-ui...

我们在 Bootstrap 的基础上，加入了自己的逻辑处理，因为还要加上选择每页显示数量的功能。

这个是用 Angular 的 $filter 实现的。你的情况，如果每页都是显示 10 条，那就直接往 filter 传入当前的页码就好了

比如说，你的原数据是 arr，那么原理上就是：

function pagination(index) {
    return arr.slice((index - 1) * 10, index * 10)
}