Angularjs分页索引问题？答案

【问题标题】：Angularjs Pagination Index Issue?Angularjs分页索引问题？
【发布时间】：2016-09-28 02:53:23
【问题描述】：

我在这里尝试更改分页索引，问题是分页中每个页面的索引都显示相同，所以我想经常更改它。这里我有 plunker 链接plunker

<li class="" ng-repeat="datalist in datalists | pagination: curPage * pageSize | limitTo: pageSize">
     <div>
       {{$index+1}}
       <span>{{ datalist.name }} </span>
       <span>
         {{ datalist.age }}
         </span>
         <span>{{ datalist.designation }}</span>
         </div> 
 </li>



<div class="pagination pagination-centered" ng-show="datalists.length">
<ul class="pagination-controle pagination">
 <li>
  <button type="button" class="btn btn-primary" ng-disabled="curPage == 0"
 ng-click="curPage=curPage-1"> &lt; PREV</button>
 </li>
 <li>
 <span>Page {{curPage + 1}} of {{ numberOfPages() }}</span>
 </li>
 <li>
 <button type="button" class="btn btn-primary"
 ng-disabled="curPage >= datalists.length/pageSize - 1"
 ng-click="curPage = curPage+1">NEXT &gt;</button>
 </li>
</ul>
</div>

每个页面的索引应该相同，但第二页显示的是新数字

.js 文件

 $scope.curPage = 0;
 $scope.pageSize = 3;
 $scope.numberOfPages = function() {
                return Math.ceil($scope.datalists.length / $scope.pageSize);
            };

angular.module('sampleapp').filter('pagination', function()
{
 return function(input, start)
 {
  start = +start;
  return input.slice(start);
 };
});

【问题讨论】：

标签： angularjs twitter-bootstrap-3 pagination

【解决方案1】：

对我来说，在角度上，它的工作原理如下

    index = (index) + (this.currentPage  - 1) * pageSize;

如果索引从 1 开始，你可以使用这个

    index = (index + 1) + (this.currentPage  - 1) * pageSize;

【讨论】：

【解决方案2】：

这是因为$index 只是在应用任何过滤器之后跟踪重复项索引。

尝试将{{$index+1}} 更改为{{$index + 1 + (curPage * pageSize)}} 作为解决方法。

Updated plunkr

【讨论】：

非常感谢
@machadevendher 不客气。如果此答案解决了您的问题，您可以随时将其标记为已接受