Angularjs ng repeat 使用angularjs和引导UI限制服务器端分页中的页码

Angularjs ng repeat 使用angularjs和引导UI限制服务器端分页中的页码,angularjs-ng-repeat,Angularjs Ng Repeat,我是新手。我正在使用angular js对网格执行网格搜索、分页和排序,我在下面的fiddle中有一个示例。但是,如果在下面指定的示例中记录更多,我无法限制分页页面 HTML 剧本 输出在下面的链接中给出 有人能帮我限制上面例子中的页面链接吗?谢谢..我对你的范围函数做了一些更改,现在分页看起来很好 $scope.range=功能页,页{ var-ret=[]; 开始=0; 如果第+20页{ 开始=第3页; } 对于变量i=开始;i

我是新手。我正在使用angular js对网格执行网格搜索、分页和排序,我在下面的fiddle中有一个示例。但是,如果在下面指定的示例中记录更多,我无法限制分页页面

HTML 剧本 输出在下面的链接中给出


有人能帮我限制上面例子中的页面链接吗?谢谢..

我对你的范围函数做了一些更改,现在分页看起来很好

$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;
}