表Angular 2中的序列号

Question

我从api获取数据并希望在表格和表格中显示我现在有＃列的序列号我想显示我到目前为止所做的序列号但是它显示每个序列号1到10当我更改页面时显示的页面1- 10从下一页加载后的1开始计数

图片页1

图片第2页

代码

 <tbody>
            <tr *ngFor="let user of _data | paginate: { itemsPerPage: 10, currentPage: p }; let i=index">
                <th>{{i + 1}}</th>
                <th>{{user.FirstName}}</th>
                <th>{{user.LastName}}</th>
                <th>{{user.Email}}</th>
                <th>
                    
                    <button *ngIf="user.IsActive==false" class="btn btn-success btn-xs" (click)="changeStatus(user.Id)"> <i class="fa fa-check"></i> Active </button>
                    <button *ngIf="user.IsActive==true" class="btn btn-danger btn-xs" (click)="changeStatus(user.Id)"><i class="fa fa-trash-o"></i> Block</button>}}
                </th>


            </tr>
        </tbody>

Answer 1

答案是。 {{ (config.currentPage - 1) * config.itemsPerPage + i +1 }}

Answer 2

像

这样的东西

<th>{{(currentPage + 1) * itemsPerPage + i + 1}}</th>

应该做你想做的事。

*ngFor不知道您的整个表格，它只知道当前页面的项目（由_data | paginate返回）

Answer 3

您可以像这样使用它

  

{{$ index +1}}