ngfor index
snippet in javascript

ngfor index

user9510

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

ngfor index

user9463

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

ngfor index

user6350

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

ngfor index

user9854

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

ngfor index

user669

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

ngfor index

user4835

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