0

tengo esta linea en angular, lo que quiero hacer es que la id se auto incremente dependiendo de cuantas imágenes consuma, aclaro estoy consumiendo un servicio que esta siendo expuesto en json

<img id="slide-img-" class="img-item2" src="{{ Our.url }}" alt="{{ Our.alt }}">

ejemplo

slide-img-1
slide-img-2
slide-img-3
2
  • Brother se me ocurren un par de cosas, pero necesito saber si estas utilizando angular o angularjs; lo tienes dentro de un ng-for o ng-rpeat? Commented el 24 ago. 2018 a las 23:17
  • estoy utilizando un ng-for Commented el 27 ago. 2018 a las 13:14

1 respuesta 1

0

Si estas recibiendo los datos en Json te recomiendo que los guardes en un arreglo.

   this._apiService.getImagenes().subscribe(data=> {
      for (let i in data) {
        this.lista.push((data[i]));
      }
    }

Una vez tengas el arreglo lleno ya podrás iterar sobre estos datos desde tu html, y para mostrar un id incrementable puedes hacer uso de una variable de tipo index:

<tr *ngFor="let item of lista; let id = index">


<th>{{id+1}}</th>

El id que se ira incrementando con cada interación. Se le suma uno debido a que empieza en cero. Espero te sirva, suerte!

2
  • Gracias me sirvio Commented el 27 ago. 2018 a las 13:40
  • Recuerda que StackOverflow es una comunidad destinada a compartir conocimiento. Si la respuesta te sirvió, no olvides marcarla como válida, para pueda servirle a otras personas. Commented el 27 ago. 2018 a las 18:27

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.