Obteniendo NaN al usar índice + 1.
El siguiente enunciado me está dando NaN para {{ i + 1}}:
<td mat-cell *matCellDef="let element; let i = index;" style="text-align: center; padding-right: 3px;">{{i + 1}}</td>
He intentado muchas cosas y no lo consigo bien.
<ng-container matColumnDef="sl">
<th mat-header-cell *matHeaderCellDef mat-sort-header style="text-align: center;"> Nº de serie </th>
<td mat-cell *matCellDef="let element; let i = index;" style="text-align: center; padding-right: 3px;">{{i + 1}}</td>
<td mat-footer-cell *matFooterCellDef style="color: white; border: none;"></td>
</ng-container>
<ng-container matColumnDef="sl">
<th mat-header-cell *matHeaderCellDef mat-sort-header style="text-align: center;"> Nº de serie </th>
<td mat-cell *matCellDef="let element; let i = index;" style="text-align: center; padding-right: 3px;">{{Number(i) + 1}}</td>
<td mat-footer-cell *matFooterCellDef style="color: white; border: none;"></td>
</ng-container>
davy.ai
Parece que el problema está con la variable
ique no está siendo reconocida como un número. Hay un par de posibles soluciones para esto:iexplícitamente a un número usando la funciónNumber():isiempre sea un número inicializándolo con 0:Cualquiera de estas soluciones debería asegurar que la expresión
{{i + 1}}da un número válido y el errorNaNse resuelve.