ngfor with index

Add Answer

YOU.com answered on February 26, 2020 Popularity 8/10 Helpfulness 2/10

answer ngfor with index

related ngfor index

related how to get index for ngfor

related ngfor index

related index in ng for

related ng for index

related get index ngfor

ngfor with index

Comment

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

Popularity 8/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

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

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

Link to this answer
Share Copy Link

Contributed on Aug 02 2020

Joyous Jellyfish

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

ng for index

Comment

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

Popularity 9/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

get index ngfor

Comment

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

Popularity 8/10 Helpfulness 3/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

Contents

More Related Answers

ngfor with index

Closely Related Answers

ngfor index

ngfor index

how to get index for ngfor

ngfor index

ngfor index

index in ng for

ng for index

get index ngfor

Grepper

Documentation

Social

Legal

Contact

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