Angularjs ng repeat 使用angularjs和引导UI限制服务器端分页中的页码
我是新手。我正在使用angular js对网格执行网格搜索、分页和排序,我在下面的fiddle中有一个示例。但是,如果在下面指定的示例中记录更多,我无法限制分页页面 HTML 剧本 输出在下面的链接中给出Angularjs ng repeat 使用angularjs和引导UI限制服务器端分页中的页码,angularjs-ng-repeat,Angularjs Ng Repeat,我是新手。我正在使用angular js对网格执行网格搜索、分页和排序,我在下面的fiddle中有一个示例。但是,如果在下面指定的示例中记录更多,我无法限制分页页面 HTML 剧本 输出在下面的链接中给出 有人能帮我限制上面例子中的页面链接吗?谢谢..我对你的范围函数做了一些更改,现在分页看起来很好 $scope.range=功能页,页{ var-ret=[]; 开始=0; 如果第+20页{ 开始=第3页; } 对于变量i=开始;i
有人能帮我限制上面例子中的页面链接吗?谢谢..我对你的范围函数做了一些更改,现在分页看起来很好 $scope.range=功能页,页{ var-ret=[]; 开始=0; 如果第+20页{ 开始=第3页; } 对于变量i=开始;i<结束;i++{ 如果我<结束{ 普希网; } } 返回ret; }; 使用此控件,分页将显示当前页面后2项和前3项,请在ng repeat中设置当前页面和总页面,更改后您必须正确查看数字分页
<ul>
<li ng-class="{disabled: currentPage == 0}">
<a href ng-click="prevPage()">« Prev</a>
</li>
<li ng-repeat="n in range(currentPage, pagedItems.length)" ng-class="{active: n == currentPage}" ng-click="setPage()">
<a href ng-bind="n + 1">1</a>
</li>
<li ng-class="{disabled: currentPage == pagedItems.length - 1}">
<a href ng-click="nextPage()">Next »</a>
</li>
</ul>
@Pirata21给出的答案对我很有用 如果页数较少,则可以尝试更改该值
if(page-3>0)
{
start = page - 3;
}
代替3,你可以写任何数字,并检查它的尝试和错误
<ul>
<li ng-class="{disabled: currentPage == 0}">
<a href ng-click="prevPage()">« Prev</a>
</li>
<li ng-repeat="n in range(currentPage, pagedItems.length)" ng-class="{active: n == currentPage}" ng-click="setPage()">
<a href ng-bind="n + 1">1</a>
</li>
<li ng-class="{disabled: currentPage == pagedItems.length - 1}">
<a href ng-click="nextPage()">Next »</a>
</li>
</ul>
if(page-3>0)
{
start = page - 3;
}