クリックした行のインデックス番号を取得する方法 - 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> 

今あなたがclickメソッドにこのインデックスを渡すことができ、この

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

のようなものを試してみてください

Answer 1

なり、

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

Answer 2

を案内してください。すべてのイオン列の

Answer 3

次のように試してみてください：あなたはngFor

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

と対応するTSでインデックスを使用する必要が

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

component.ts

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