Ungerade Iteration einer Schleife in Angular
Beim Durchlaufen mit *ngFor und @for
kann die ungerade Iteration der Schleife
mit der Variable odd bestimmt werden.
Beispiel für die Direktive *ngFor:
<ul>
<li *ngFor="let el of arr; let odd = odd">
{{ odd ? 'ungerade' : 'nein' }}
{{ el }}
</li>
</ul>
Beispiel für die Konstruktion @for:
<ul>
@for (el of arr; track $index) {
<li>
{{ $odd ? 'ungerade' : 'nein' }}
{{ el }}
</li>
}
</ul>
Gegeben ist ein Array:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Geben Sie die Elemente des Arrays als Liste
ul aus und färben Sie die geraden
li rot und die ungeraden grün.
