Wie Sie die Seriennummer erhöhen, während Sie die Paginierung in Angular.js verwenden

Question

Ich brauche eine Hilfe. Ich benutze Angular.js dirPagination.js für die Paginierung meiner Tabellendaten, aber hier mein Problem ist, nehme ich festes Element pro Seite ist 5, die ersten 5 Artikel kommt mit Seriennummer 1,2,3,4,5, aber für die zweite Seite wieder die Seriennummer beginnt mit 1.Ich füge meinen Code unten.

<tr dir-paginate="pro in ($parent.labelResults=(productDataList | filter:searchProduct)) | itemsPerPage:5" current-page="currentPage"> 
<td>{{itemsPerPage *(currentPage-1)+$index+1}}</td> 
<td>{{pro.Product_name}}</td> 
<td><img ng-src="upload/{{pro.image}}" name="pro" border="0" style="width:50px; height:50px; border:#808080 1px solid;" /></td> 
<td>{{pro.Discount}}</td> 
<td>{{pro.Offer}}</td> 
<td>{{pro.unit_cost_price}}</td> 
<td>{{pro.unit_sale_price}}</td> 
<td>{{pro.quantity}}</td> 
<td>{{pro.shipping_charge}}</td>             
</tr> 
<div class="pull-right"> 
<dir-pagination-controls max-size="5" direction-links="true" boundary-links="true" > 
</dir-pagination-controls> 
</div> 

Hier wird jede Seite des Paginierung wird die Seriennummer aus 1.Here i die Seriennummer von der ersten Seite müssen beginnen sollte von 1 beginnt und es sollte wie 1,2,3.... weiterhin so weiter .please mir helfen, dieses Problem zu beheben Problem.

Answer 1

erreicht werden konnte (ITEMS_PER_PAGE * (CURRENT_PAGE-1)) + $index+1

Versuchen Sie dies mit:

<tr dir-paginate="pro in users | itemsPerPage:itemsPerPage" current-page="currentPage"> 
<td>{{itemsPerPage *(currentPage-1)+$index+1}}</td> 
<td>{{pro.first_name}}</td> 
<td>{{pro.last_name}}</td> 
<td>{{pro.hobby}}</td> 
</tr> 

Controller:

$scope.currentPage=1; 
$scope.itemsPerPage=5; 

Probe Plunker demo