Estoy obteniendo datos de URL en formato JSON y los he mostrado en html. Ver la imagen de abajo -

enter image description here

Quiero hacer clic en el nombre y buscar el índice de matriz de la fila en la que se hizo clic

¿Cómo puedo hacer esto?

A continuación se muestra mi código html en caso de que lo necesite:

<ion-row *ngFor = "let list of list"> 
          <ion-col>{{list.ID}}</ion-col>
          <ion-col>{{list.PRODUCTSERVICE}}</ion-col> 
          <ion-col>{{list.NAME}}</ion-col>
          <ion-col>{{list.UNIT}}</ion-col>
          <ion-col>{{list.CATEGORY}}</ion-col>
          <ion-col>{{list.HSN}}</ion-col>
          <ion-col>{{list.POSTINGHEAD}}</ion-col>
          <ion-col>{{list.RATE}}</ion-col>
          <ion-col>{{list.TYPE}}</ion-col>
          <ion-col>{{list.SACCODE}}</ion-col>
          <ion-col><ion-icon ios="ios-close-circle" md="md-close-circle"></ion-icon></ion-col> 
       </ion-row> 
0
user2828442 30 oct. 2017 a las 13:25

3 respuestas

La mejor respuesta

Necesitas usar index con ngFor

<ion-row ngFor = "let list of list; let i = index;> 
<ion-col (click)="generate(i);">{{list.ID}}</ion-col>

Y las ts correspondientes serían,

generate(index) {
    console.log('index', index);
}
1
Sajeetharan 30 oct. 2017 a las 10:28

Intenta así:

<ion-row *ngFor = "let list of list; let i = index; " (click)="getIndex(i)"></ion-row>

component.ts

getIndex(index) {
    console.log('index', index);
}
0
Chandru 30 oct. 2017 a las 10:28

Prueba algo como esto

*ngFor="let item of items; let i = index"

Ahora puede pasar este índice a un método click de cada fila de iones.

-1
Rahul Singh 30 oct. 2017 a las 10:26