En el NgForOf se pueden obtener algunos valores que se pueden utilizar como variables de forma local, es decir que solo se pueden utilizar en el bloque for, por ejemplo:

<li *ngFor="let user of users; index as i; first as isFirst">
  {{i}}/{{users.length}}. {{user}} <span *ngIf="isFirst">default</span>
</li>

Las siguientes son las variables que se pueden utilizar:

  • $implicit: de tipo T, es el valor individual de cada iteración del iterable que se usa.
  • ngForOf: de tipo Iterable<T> es el valor del iterable que se utiliza, puede haber el caso de que se use el pipe async.
  • index: de tipo número, es el índice del actual ítem.
  • count: de tipo número, es la longitud del iterable. Esto para utilizar la propiedad length del iterable y evitar su cálculo en cada iteración.
  • first: de tipo booleano, indica verdadero si el ítem actual es el primero en el iterable.
  • last: de tipo booleano, indica verdadero si el ítem actual es el último en el iterable.
  • even: de tipo booleno, indica verdadero cuando el índice del ítem actual es par.
  • odd: de tipo booleno, indica verdadero cuando el índice del ítem actual es impar.

0 Comentarios

para escribir tu comentario

Artículos relacionados