如何获取所点击行的索引号 - IONIC 2

Question

我以json格式从url获取数据并在html上显示它。见下图 -

  

我想点击名称并获取所点击行的数组索引

我该怎么做？

以下是我需要的html代码 -

<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> 

请指导

Answer 1

你需要使用带有ngFor的索引

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

和相应的ts将是，

generate(index) {
    console.log('index', index);
}

Answer 2

试试这样：

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

<强> component.ts

getIndex(index) {
    console.log('index', index);
}

Answer 3

尝试这样的事情

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

现在，您可以将此索引传递给每个离子行的click方法。