Ewe Iterasie van 'n Lus in Angular
Tydens deurloop met *ngFor en @for
kan 'n ewe iterasie van die lus bepaal word met
behulp van die veranderlike even.
Voorbeeld vir die direktief *ngFor:
<ul>
<li *ngFor="let el of arr; let even = even">
{{ even ? 'ewe' : 'nie' }}
{{ el }}
</li>
</ul>
Voorbeeld vir die konstruksie @for:
<ul>
@for (el of arr; track $index) {
<li>
{{ $even ? 'ewe' : 'nie' }}
{{ el }}
</li>
}
</ul>
Gegee die array:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Vertoon die elemente van die array as 'n lys
ul, en kleur die ewe li in
rooi, en die onewe in groen.
