Angular
Für Schleife

NgFor - Markup für Schleife

Die NgFor- Direktive instanziiert eine Vorlage einmal pro Element aus einer Iteration. Der Kontext für jede instanziierte Vorlage erbt vom äußeren Kontext, wobei die angegebene Schleifenvariable vom aktuellen Element auf das aktuelle Element gesetzt wird.

Um den Standard-Tracking-Algorithmus anzupassen, unterstützt NgFor die Option trackBy . trackBy nimmt eine Funktion mit zwei Argumenten: index und item. Wenn trackBy angegeben ist, ändert sich der Winkel um den Rückgabewert der Funktion.

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

Zusätzliche Optionen : NgFor stellt mehrere exportierte Werte zur Verfügung, die für lokale Variablen als Alias ​​verwendet werden können:

• Der Index wird für jeden Schablonenkontext auf die aktuelle Schleifeniteration gesetzt.
• first wird auf einen booleschen Wert gesetzt, der angibt, ob das Element der erste in der Iteration ist.
• last wird auf einen booleschen Wert gesetzt, der angibt, ob das Element das letzte Element in der Iteration ist.
• even wird auf einen booleschen Wert gesetzt, der angibt, ob dieses Element einen geraden Index hat.
• odd wird auf einen booleschen Wert gesetzt, der angibt, ob dieses Element einen ungeraden Index hat.