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