如何在 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>

组件.ts

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

Answer 3

尝试这样的事情

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

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