Angular
En bucle

NgFor - Markup For Loop

La directiva NgFor crea una instancia de una plantilla por elemento desde un iterable. El contexto para cada plantilla instanciada se hereda del contexto externo con la variable de bucle dada establecida en el elemento actual del iterable.

Para personalizar el algoritmo de seguimiento predeterminado, NgFor admite la opción trackBy . trackBy toma una función que tiene dos argumentos: índice y elemento. Si se proporciona trackBy , las pistas angulares cambian según el valor de retorno de la función.

<li *ngFor="let item of items; let i = index; trackBy: trackByFn">
    {{i}} - {{item.name}}
</li>

Opciones adicionales : NgFor proporciona varios valores exportados que pueden ser asignados a las variables locales:

• El índice se establecerá en la iteración del bucle actual para cada contexto de plantilla.
• primero se establecerá en un valor booleano que indica si el elemento es el primero en la iteración.
• el último se establecerá en un valor booleano que indica si el elemento es el último en la iteración.
• incluso se establecerá en un valor booleano que indica si este elemento tiene un índice par.
• odd se establecerá en un valor booleano que indica si este elemento tiene un índice impar.