Angular
Dla pętli

NgFor - Markup For Loop

Dyrektywa NgFor tworzy szablon raz na element z iterowalnego. Kontekst dla każdego utworzonego szablonu dziedziczy z kontekstu zewnętrznego z daną zmienną pętli ustawioną na bieżący element z iterowalnego.

Aby dostosować domyślny algorytm śledzenia, NgFor obsługuje opcję trackBy . trackBy przyjmuje funkcję, która ma dwa argumenty: indeks i element. Jeśli podano trackBy , ścieżki kątowe zmieniają się o wartość zwracaną przez funkcję.

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

Dodatkowe opcje : NgFor udostępnia kilka eksportowanych wartości, które można aliować do zmiennych lokalnych:

• indeks zostanie ustawiony na bieżącą iterację pętli dla każdego kontekstu szablonu.
• first zostanie ustawiony na wartość logiczną wskazującą, czy element jest pierwszym w iteracji.
• last zostanie ustawiony na wartość logiczną wskazującą, czy element jest ostatnim w iteracji.
• nawet zostanie ustawiony na wartość logiczną wskazującą, czy ten element ma indeks parzysty.
• nieparzysty zostanie ustawiony na wartość logiczną wskazującą, czy ten element ma indeks nieparzysty.