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内部，我在控制台中打印了索引，但显示为＆＃34; undefined＆＃34;。我无法找到任何其他方法来正确获取索引。

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>