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

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

阅读 2.1k
2 个回答
新手上路,请多包涵

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

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

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

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

比如说,你的原数据是 arr,那么原理上就是:

function pagination(index) {
    return arr.slice((index - 1) * 10, index * 10)
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题