Onewe iterasie van die lus in Angular
Tydens iterasie deur *ngFor en @for
kan 'n onewe iterasie van die lus bepaal word
met behulp van die veranderlike odd.
Voorbeeld vir die *ngFor richtlyn:
<ul>
<li *ngFor="let el of arr; let odd = odd">
{{ odd ? 'onewe' : 'nee' }}
{{ el }}
</li>
</ul>
Voorbeeld vir die @for konstruksie:
<ul>
@for (el of arr; track $index) {
<li>
{{ $odd ? 'onewe' : 'nee' }}
{{ el }}
</li>
}
</ul>
Gegewe 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.