Angular-ի հանգույցների կրկնությունների ինդեքսներ
*ngFor և @for-ի միջոցով կրկնելու դեպքում
կարելի է ստանալ ոչ միայն զանգվածի տարրերը,
այլև դրանց թվերը: Եկեք նայենք, թե ինչպես է դա
արվում: Ենթադրենք, մենք ունենք զանգված գլխավոր բաղադրիչում.
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Եկեք ցուցադրենք և՛ դրա տարրերը, և՛ դրանց թվերը:
*ngFor հրահանգի համար դրա համար
օգտագործվում է հատուկ խորամանկ մեթոդ.
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
Իսկ @for կոնստրուկցիայի համար կարելի է պարզապես
վերցնել և օգտագործել այս փոփոխականը հանգույցի ներսում.
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Տրված է զանգված.
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Ցուցադրեք դրա թվերը, բայց այնպես, որ դրանք սկսվեն մեկից, և ոչ թե զրոյից:
