4

Variable locales en NgFor

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.
Escribe tu comentario
+ 2