Angularjs分页索引问题？

Question

这里我试图改变分页索引，问题是索引显示每页在分页相同，所以我想通常改变它。 这里我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); 
}; 
}); 

Answer 1

这是因为$index只是不断重复项目索引跟踪之后的任何过滤器已被应用。

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

Updated plunkr