Saltar al contenido

ngFor con índice como valor en attribute

Contamos con la respuesta a este asunto, al menos eso deseamos. Si continuas con dudas puedes escribirlo en el apartado de preguntas y con placer te ayudaremos

Usaría esta sintaxis para establecer el valor del índice en un attribute del elemento HTML:

Angular >= 2

tienes que usar let para declarar el valor en lugar de #.

  • item

angular = 1

  • item

Aquí está el plunkr actualizado: http://plnkr.co/edit/LiCeyKGUapS5JKkRWnUJ?p=preview.

En Angular 5/6/7/8:

  • i+1 item

En versiones anteriores

  • i+1 item

Angular.io ▸ API ▸ NgForOf

  • Descripción
  • Variables locales

Ejemplos de pruebas unitarias

  • ng_for_spec.ts

Otro ejemplo interesante

  • Agrupamiento

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

los #i = index ahora debería ser let i = index

EDITAR/ACTUALIZAR:

los *ngFor debería estar en el elemento que desea foreach, por lo que para este ejemplo debería ser:

  • item

EDITAR/ACTUALIZAR

Angular 5

  • item

EDITAR/ACTUALIZAR

Angular 7/8

  • item

valoraciones y reseñas

Te invitamos a estimular nuestra labor poniendo un comentario o puntuándolo te lo agradecemos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags :

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *