Indekset e përsëritjeve të cikleve në Angular
Gjatë përsëritjes përmes *ngFor dhe @for
mund të merren jo vetëm elementët e vargut,
por edhe numrat e tyre. Le të shohim se si bëhet
kjo. Le të themi se në komponentin kryesor
ekziston një varg:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Le të shfaqim si elementët e tij, ashtu edhe numrat e tyre.
Për direktivën *ngFor për këtë
përdoret një mashtrim i veçantë:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
Kurse për konstruksionin @for mund të
marrësh dhe të përdorësh këtë variabël brenda
ciklit:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Është dhënë vargu:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Shfaqni numrat e tij, por në mënyrë që ata të fillojnë nga njësha, jo nga zero.
