Angular
For loop

NgFor - Markup For Loop

De NgFor- richtlijn instantieert een sjabloon eenmaal per item uit een iterabel. De context voor elk geïmmuniseerd sjabloon neemt over van de buitenste context met de gegeven lusvariabele ingesteld op het huidige item uit de iterabele.

Om het standaard tracking-algoritme aan te passen, ondersteunt NgFor de optie trackBy . trackBy neemt een functie die twee argumenten heeft: index en item. Als trackBy wordt gegeven, verandert hoekige tracks met de retourwaarde van de functie.

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

Aanvullende opties : NgFor biedt verschillende geëxporteerde waarden die kunnen worden gekoppeld aan lokale variabelen:

• index wordt ingesteld op de huidige lus-iteratie voor elke sjablooncontext.
• first wordt ingesteld op een Booleaanse waarde die aangeeft of het item het eerste in de iteratie is.
• last wordt ingesteld op een booleaanse waarde die aangeeft of het item het laatste in de iteratie is.
• even wordt ingesteld op een booleaanse waarde die aangeeft of dit item een even index heeft.
• oneven wordt ingesteld op een Booleaanse waarde die aangeeft of dit item een oneven index heeft.