<ion-col> 的单击事件在 IONIC 3 应用程序的 iOS 中不起作用答案

【问题标题】：Click Event of <ion-col> not working in iOS for IONIC 3 Application<ion-col> 的单击事件在 IONIC 3 应用程序的 iOS 中不起作用
【发布时间】：2018-10-28 10:50:59
【问题描述】：

我正在使用 ionic 3 应用程序。我的主页包含一个图标网格，我为 <ion-col> 创建了一个包含图标的点击事件。

HTML

<ion-col col-4 text-wrap (click)="changeSubCategory(17)">
    <ion-icon ios="ios-boat" md="md-boat" class="iconstyle primary-font-color"></ion-icon>
    <br>
    <p class="pstyle">Travel</p>
</ion-col>

此事件在 Android 设备上运行良好，但不知何故不适用于 iOS 设备。我在控制台中也没有收到任何错误。

【问题讨论】：

你检查过这个函数在iOS设备上是否调用了吗？
我在函数中设置了一个警报，但该警报也没有触发。所以我猜当我使用 iOS 设备时函数没有调用。

标签： javascript angular ionic-framework ionic3

【解决方案1】：

只需将“tappable”指令添加到您的元素。喜欢：

 <ion-col text-center tappable (click)="presentSortedFoodModal('sugar')">
....
</ion-col>

【讨论】：

【解决方案2】：

我确实遇到了同样的问题，删除 ion-list 解决了我的问题。

【讨论】：

【解决方案3】：

我解决了这个问题。我的ion-grid 在ion-list 里面。我删除了ion-list 并将ion-gird 放在<ion-list> 和click 之外，事件也开始在iOS 设备上运行。

我不确定这是否正确，但它解决了我的问题。

仍然欢迎更好的答案。

谢谢

【讨论】：