Ionic 3获得点击项目的索引

Question

我需要获取离子列表中单击项的索引,以便我可以访问数组中的位置.

我使用的HTML代码是这样的:

<ion-list>
 <ion-item *ngFor="let poi of poiList" (click)="openPage(poi, $index)">
 <h2> {{ poi.name }} </h2>
</ion-item>
</ion-list>

在函数内部,openPage我在控制台中打印了索引,但它显示为"未定义".我找不到任何其他方法来正确获取索引.

Answer 1

$index 只适用于AngularJS,在Angular2及以上获取点击项目索引的方式如下:

<ion-list>
 <ion-item *ngFor="let poi of poiList; let i= index" (click)="openPage(poi, i)">
 <h2> {{ poi.name }} </h2>
</ion-item>
</ion-list>