ngfor index
<ul>
<li *ngFor="let item of items; let i = index" [attr.data-index]="i">
{{item}}
</li>
</ul>ngfor index
<ul>
<li *ngFor="let item of items; let i = index" [attr.data-index]="i">
{{item}}
</li>
</ul>ngfor index
/*
ngFor with index in angular is used here for generating 'li' element till the studentDetails array length.
And also make a note if you are using angular 1 then you have to replace 'let' with '#', but its ok if you are using angular 2 or above.
*/
<ul>
<li *ngFor="let student of studentDetails; index as i;" [attr.data-index]="i">
{{student}}
</li>
</ul>
/*
I hope it will help you.
Namaste
*/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 item of items; index as i">
{{item}}
</li>
</ul>ngfor index
<ul>
<li *ngFor="let item of items; let i = index" [attr.data-index]="i">
{{item}}
{{i}}
</li>
</ul>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-->Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
