按需分页AngularJS

时间:2014-05-22 18:30:59

标签: javascript angularjs pagination

我的疑问是:如何使用angularJS进行请求分页?我有2个功能:

1 - 不能使用jQuery,只能使用Angular或纯Javascript。

2 - 我有2个方法和prevPage NextPage 以下方法示例:

$ Scope.prevPage = function ( page) {
if ( $ scope.currentPage - 1 > 0 ) {
$ Scope.changePage ( page) ;
}
}

$ Scope.nextPage = function ( page) {
if ( $ scope.currentPage +1 < = $ scope.numberOfPages ) {
$ Scope.changePage ( page) ;
}
}

这里留下的是最明显的HTML:

<ul class="pagination">
<li glyphicon-chevron-left" class="glyphicon ng-click="prevPage(currentPage-1)" ng-class="{disabled: currentPage == 1}"> < / li >
<li ng-repeat="i in numberOfPagesArr track by $index" ng-class="{active: $index+1 currentPage}" == { { $ index ng-click="changePage($index+1)"> +1 } } < / li >
<li glyphicon-chevron-right" class="glyphicon ng-click="nextPage(currentPage+1)" ng-class="{disabled: currentPage == numberOfPages}"> < / li >
</ul>

目前正在运行,但在页面上只加载了10页的分页 但是这个数字肯定会破裂。

以下是分页示例在我想要做的事情中: http://begriffs.github.io/angular-paginate-anything/

如果有人有任何建议我很感激。

0 个答案:

没有答案