Tengo un simple bucle ngFor que también realiza un seguimiento del index actual. Quiero almacenar ese valor de index en un atributo para poder imprimirlo. Pero no puedo entender cómo funciona esto.
Básicamente tengo esto:
- {{item}}
Quiero almacenar el valor de #i en el atributo data-index . Probé varios métodos pero ninguno funcionó.
Tengo una demostración aquí: http://plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp?p=preview
¿Cómo puedo almacenar el valor del index en el atributo de data-index ?
Utilizaría esta syntax para establecer el valor del índice en un atributo del elemento HTML:
- {{item}}
Aquí está el plunkr actualizado: http://plnkr.co/edit/LiCeyKGUapS5JKkRWnUJ?p=preview .
Actualización para lanzamientos angulares 2 recientes Debe usar let para declarar el valor en lugar de # .
- {{item}}
Solo una actualización de esto, la respuesta de Thierry sigue siendo correcta, pero ha habido una actualización de Angular2 con respecto a:
- {{item}}
El #i = index ahora debe let i = index
EDITAR / ACTUALIZAR:
El *ngFor debe estar en el elemento que quiere foreach, por lo que para este ejemplo debería ser:
- {{item}}
EDITAR / ACTUALIZAR
Angular 5
- {{item}}
En Angular 5/6:
- {{i+1}} {{item}}
(Ver variables locales )
Creo que ya se ha respondido antes, pero solo una corrección si está completando una lista desordenada, el *ngFor vendrá en el elemento que desea repetir. Entonces debería estar dentro
. Además, Angular2 ahora usa let para declarar una variable.
- {{item}}
Las otras respuestas son correctas pero puede omitir el [attr.data-index] completo y solo usar
- {{i + 1}}
En Angular 5
# header1 header2 {{i+1}} {{item.Name}} {{item.Age}}