如何在 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方法。