Question

我需要一个帮助。我正在使用Angular.js dirPagination.js来分页我的表数据但是我的问题是假设我每页的固定项目是5，前5个项目是序列号{{ 1}}但是对于第二页，序列号从1开始。我正在下面添加我的代码。

1,2,3,4,5

这里对于每页的分页，序列号从1开始。我需要从第一页开始，序列号应该从1开始，它应该像<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>那样继续。请帮我解决这个问题问题。

Answer 1

可以使用(ITEMS_PER_PAGE * (CURRENT_PAGE-1)) + $index+1
来实现

试试这个：

<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>

<强>控制器：

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

示例Plunker demo

如何在Angular.js中使用分页时增加序列号

1 个答案: