ngx分页中的编号

时间:2019-11-15 07:14:33

标签: angular angular8

我正在使用ngx分页。我正在分页。

This is page 1, I have numbering over here

现在看看第2页

enter image description here

在第2页中,我再次从1开始获得索引。但是我希望在第二页中从6开始,在第三页上从11开始,依此类推。

<div>
   <li *ngFor="let i = index; let elements of element | paginate: {id: 'elementList', itemsPerPage: 5, currentPage: p}" class="list-group">
         <a (click)=getElement(i)>{{i+1}}.)&nbsp;{{elements.elemententity}}</a>
   </li>
</div>

<div *ngIf="element.length > 5">
    pagination-controls id="elementList" (pageChange)="p = $event"></pagination-controls>
</div>

其中element是名称数组,p = 1,均来自.ts文件。

预期输出: (在第二页上)

6。)患者年龄

7。)事件

8。)产品

1 个答案:

答案 0 :(得分:2)

我认为您必须使用currentPage来计算索引。

类似这样的东西:

 <a (click)="getElement(i)">{{(p-1) * 5 + i + 1}}.) {{elements.elemententity}}</a>