Angular
Per Loop

NgFor - Markup For Loop

La direttiva NgFor istanzia un modello una volta per elemento da un iterabile. Il contesto per ogni modello istanziato eredita dal contesto esterno con la variabile di ciclo specificata impostata sull'elemento corrente dal iterabile.

Per personalizzare l'algoritmo di tracciamento predefinito, NgFor supporta l' opzione trackBy . trackBy accetta una funzione che ha due argomenti: index e item. Se viene dato trackBy , le tracce angolari cambiano in base al valore di ritorno della funzione.

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

Opzioni aggiuntive : NgFor fornisce diversi valori esportati che possono essere alterati in variabili locali:

• l'indice verrà impostato sull'iterazione del ciclo corrente per ogni contesto del modello.
• il primo sarà impostato su un valore booleano che indica se l'elemento è il primo nell'iterazione.
• l'ultimo sarà impostato su un valore booleano che indica se l'elemento è l'ultimo nell'iterazione.
• anche verrà impostato su un valore booleano che indica se questo elemento ha un indice pari.
• dispari sarà impostato su un valore booleano che indica se questo elemento ha un indice dispari.