Такрори ғайриҷуфти давр дар Angular
Ҳангоми такрор кардан тавассути *ngFor ва @for
метавон такрори ғайриҷуфти даврро муайян кард
бо ёрии тағирёбандаи odd.
Мисол барои директиваи *ngFor:
<ul>
<li *ngFor="let el of arr; let odd = odd">
{{ odd ? 'ғайриҷуфт' : 'не' }}
{{ el }}
</li>
</ul>
Мисол барои сохтори @for:
<ul>
@for (el of arr; track $index) {
<li>
{{ $odd ? 'ғайриҷуфт' : 'не' }}
{{ el }}
</li>
}
</ul>
Массиви зерин дода шудааст:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Элементҳои массивро ба сурати рӯйхати
ul чоп кунед,
li-ҳои ҷуфтро ба ранги
сурх, ва ғайриҷуфтҳоро ба ранги сабз ранг кунед.
