angular.js“paginate”具有左右按钮的数组项

时间:2016-04-02 20:28:33

标签: angularjs

我有一个包含100个项目的数组。

我想一次显示5个项目,并且左侧有<个按钮,而>位置正确。

单击右键时,我会显示阵列中的下5个项目(从6 - 11开始),依此类推。到达阵列末尾时显示最后5个或更少的项目,右侧按钮被禁用。当您在阵列的开头时,左侧按钮被禁用并显示前5个或更少的项目。

以下是我的尝试:http://plnkr.co/edit/2zbTKQSRGtqdfchCeaLK?p=preview

2 个答案:

答案 0 :(得分:0)

您是否查看了Angular Datatables以显示数据?

http://l-lin.github.io/angular-datatables/

答案 1 :(得分:0)

尝试使用UI bootstrap分页组件。它将满足您的目的。

https://angular-ui.github.io/bootstrap/#/pagination