html – Ionic 3获得点击项目的索引

概述我需要获取离子列表中单击项的索引,以便我可以访问数组中的位置. 我使用的HTML代码是这样的： <ion-list> <ion-item *ngFor="let poi of poiList" (click)="openPage(poi, $index)"> <h2> {{ poi.name }} </h2></ion-item></ion-list> 在openPage函数中,我在控制台 我需要获取离子列表中单击项的索引,以便我可以访问数组中的位置.

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

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

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

解决方法@H_301_20@ $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>

总结

以上是内存溢出为你收集整理的html – Ionic 3获得点击项目的索引全部内容，希望文章能够帮你解决html – Ionic 3获得点击项目的索引所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。