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

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

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

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

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

You have to use let to declare the value rather than #.</p> <p><ul><br /> <li *ngFor=”let item of items; let i = index” [attr.data-index]=”i”><br /> {{item}}<br /> </li><br /> </ul><br /> Angular = 1<br /> <ul><br /> <li *ngFor=”#item of items; #i = index” [attr.data-index]=”i”><br /> {{item}}<br /> </li><br /> </ul>