Angularдагы циклдин жуп итерациясы
*ngFor жана @for аркылуу кайталоодо
even өзгөрмөсүн колдонуп, циклдин жуп
итерациясын аныктоого болот.
*ngFor директивасы үчүн мисал:
<ul>
<li *ngFor="let el of arr; let even = even">
{{ even ? 'жуп' : 'жок' }}
{{ el }}
</li>
</ul>
@for курулмасы үчүн мисал:
<ul>
@for (el of arr; track $index) {
<li>
{{ $even ? 'жуп' : 'жок' }}
{{ el }}
</li>
}
</ul>
Массив берилген:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Массивдин элементтерин ul тизмеси түрүндө
чыгарыңыз, жуп liлерди кызыл түскө, ал эми
так liлерди жашыл түскө боёңуз.
