Блог

Я пытаюсь ввести индекс строки в таблицу с разбиением на страницы, для первой страницы нет проблем, проблема в том, что когда я перехожу на вторую страницу, в первой строке отображается индекс «0», и он должен быть 10, так как на первой странице 10 строк.

это то, что я получил в своем файле шаблона:

 <nz-table #basicTable [nzData]="listOfData">
  <thead>
    <tr>
      <th>Número de Solicitud</th>
      <th>Nombre</th>
      <th>Apellido</th>
      <th>Identificación</th>
      <th>Fecha de solicitud</th>
      <th>FATCA</th>
      <th>PEP</th>
      <th nzRight>Detalle</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let data of basicTable.data; index as i">
      <td>{{ data.idProcessFlow }}</td>
      <td>{{ data.firstName }}</td>
      <td>{{ data.firstSurname }}</td>
      <td>{{ data.identification }}</td>
      <td>{{ data.createdDate | date: "shortDate" }}</td>
      <td>{{ data.isFATCA }}</td>
      <td>{{ data.isPEP }}</td>
      <td nzRight>
        <a nzType="link" nzBlock (click)="ver(i)">Ver Detalle</a>
      </td>
    </tr>
  </tbody>
</nz-table>
 

и вот что у меня есть в моем файле TS

 import { Component, OnInit } from '@angular/core';
import { SolicitudesService } from '../../services/solicitudes.service';

@Component({
  selector: 'app-Solicitudes',
  templateUrl: './Solicitudes.component.html',
  styleUrls: ['./Solicitudes.component.scss'],
})
export class SolicitudesComponent implements OnInit {
  listOfData = [];


  constructor(private solicitudes: SolicitudesService) {}

  ngOnInit() {
    this.solicitudes.getTodasSolicitudes().subscribe((data) => {
      this.listOfData = data['Data']

    });


}
ver(i:number){
console.log(i)
  }
}