Angular 如何在primeNg中单击分页器的更改事件时更改p表的行索引号
我使用p表列出产品。在表中,我给出了产品序列号,如下所示:Angular 如何在primeNg中单击分页器的更改事件时更改p表的行索引号,angular,primeng,angular9,paginator,primeng-turbotable,Angular,Primeng,Angular9,Paginator,Primeng Turbotable,我使用p表列出产品。在表中,我给出了产品序列号,如下所示: <ng-template pTemplate="body" let-rowIndex="rowIndex" let-prodList > <tr> <td >{{rowIndex+1}}</
<ng-template pTemplate="body" let-rowIndex="rowIndex" let-prodList >
<tr>
<td >{{rowIndex+1}}</td>
<td>{{prodList.name}}</td>
<td>{{prodList .color}}</td>
</tr>
</ng-template>
<p-paginator [rows]="10" [totalRecords]="totalRecords" [rowsPerPageOptions]="[10,20,30]" (onPageChange)="paginate($event)"></p-paginator>
paginate(event) {
this.loading = true;
this.first = event.first;
let pageIndex = event.first/event.rows + 1;
let size = event.rows;
this.getPage(pageIndex,size)
}
getPage(pageId,size) {
this.service.getProduct(page,size).subscribe(
data => this.getProdList(data),
error => console.log(error)
);
}
getProdList(data){
this.prodList = data.list;
this.totalRecords = data.totalRows;
}
我怎样才能解决这个问题。有人请帮帮我。我通过如下更改html得到了答案:
<ng-template pTemplate="body" let-rowIndex="rowIndex" let-prodList >
<tr>
<td >{{first+rowIndex+1}}</td>
<td>{{prodList.name}}</td>
<td>{{prodList .color}}</td>
</tr>
</ng-template>
{{first+rowIndex+1}}
{{prodList.name}
{{prodList.color}
你能分享getPage
代码吗?@Antikhippe getPage()代码添加在上面。你的发帖请求没有任何订阅吗?@Antikhippe我更新了代码。。。这也不起作用。。
<ng-template pTemplate="body" let-rowIndex="rowIndex" let-prodList >
<tr>
<td >{{first+rowIndex+1}}</td>
<td>{{prodList.name}}</td>
<td>{{prodList .color}}</td>
</tr>
</ng-template>