Breaking News: Grepper is joining You.com. Read the official announcement!

how to get index for ngfor

Add Answer

Joyous Jellyfish answered on February 26, 2020 Popularity 10/10 Helpfulness 5/10

answer how to get index for ngfor

related ngfor index

related ng for index

related ngfor index

related index in ng for

related get index ngfor

related ngfor with index

how to get index for ngfor

Comment

*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 }}

Popularity 10/10 Helpfulness 5/10 Language typescript

Source: Grepper

Tags: get ngfor typescript

Link to this answer
Share Copy Link

Contributed on Aug 02 2020

Joyous Jellyfish

0 Answers Avg Quality 2/10

Closely Related Answers

ngfor index

Comment

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

Popularity 10/10 Helpfulness 10/10 Language html

Source: stackoverflow.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Feb 26 2020

2 Programmers 1 Bug

0 Answers Avg Quality 2/10

ngfor index

Comment

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

Popularity 10/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Jul 02 2020

Magnificent Markhor

0 Answers Avg Quality 2/10

ng for index

Comment

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

Popularity 8/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Nov 01 2023

stormerthe2nd

0 Answers Avg Quality 2/10

ngfor index

Comment

<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-->

Popularity 10/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Jul 09 2021

Sad Santa

0 Answers Avg Quality 2/10

ngfor index

Comment

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

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: ngfor ngfo

Link to this answer
Share Copy Link

Contributed on Aug 24 2020

Bade_Mia

0 Answers Avg Quality 2/10

index in ng for

Comment

You have to use let to declare the value rather than #.

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

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Jun 20 2021

Adorable Anteater

0 Answers Avg Quality 2/10

get index ngfor

Comment

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

Popularity 7/10 Helpfulness 2/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

ngfor with index

Comment

<div *ngFor="let item of items; let i = index">
  {{i}} - {{item}}
</div>

Popularity 7/10 Helpfulness 2/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

how to get index for ngfor

Contents

More Related Answers

how to get index for ngfor

Closely Related Answers

ngfor index

ngfor index

ng for index

ngfor index

ngfor index

index in ng for

get index ngfor

ngfor with index

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.