Ngfor with index

<ul>
    <li *ngFor="let item of items; let i = index" [attr.data-index]="i">
        {{item}}
    </li>
</ul>

Source: stackoverflow.com

Ngfor

      <li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>

Source: angular.io

How to get index for ngfor

*ngFor="let item of items; index as i;" 
// OR
*ngFor="let item of items; let i = index;"
// i will be the index, starting from 0 
// and you can show it in the string interpolation with {{ i }}

Ngfor index

<ul>
  <li *ngFor="let food of menu; index as i">
      {{ index }},{{ food }}
  </li>
</ul>
<!-- index starts from 0 
This gives an undordered list of food items in a menu, with the first item as 0-->

Ngfor index

<ul>
    <li *ngFor="let item of items; index as i">
        {{item}}
    </li>
</ul>

Source: stackoverflow.com

Ngfor index

<ul>
    <li *ngFor="let item of items; let i = index" [attr.data-index]="i">
        {{item}}
        {{i}}
    </li>
</ul>

Source: stackoverflow.com

Similar codes

0 vote316 views3 answers
Solution
Html
3 votes339 views1 answer
Unsplash random image url
Html
0 vote301 views1 answer
Html button ondrag
Html
-1 vote324 views2 answers
Start a video at a certain time and end time html
Html
2 votes345 views3 answers
Auto update copyright year html
Html
0 vote332 views1 answer
Disable right click on your webpage
Html
1 vote254 views1 answer
Change width of svg path
Html
1 vote288 views1 answer
Html lowercase
Html
0 vote307 views1 answer
Salesforce aura input checkbox
Html
0 vote299 views1 answer
Pre-fill the input with the default domain
Html