连续单击离子图标在IOS上不起作用

Question

连续单击ion-icon确实在IOS上多次调用decrementQty()方法，而该方法在Android上工作。

<ion-icon qty-icons  name="remove" (click)="decrementQty()">

问题：如果我多次单击图标图标，则不会调用decrementQty()。

预期：decrementQty() 应该像在 Android 上一样使用点击事件多次调用。

如何在 IOS 上实现相同的目标？

Answer 1

有 2 个可能的问题：

1. 如果将单击处理程序直接添加到离子图标元素，则命中框可能只是实际图标本身，这使得单击变得困难。解决此问题的最简单方法是将其包装在按钮中。

2. IOS在每个元素上的点击延迟为300ms，除了少数(<a>和<button>元素，也许更多)。Ionic提供了一个名为tappable的指令来消除这种延迟。<ion-icon tappable qty-icons name="remove" (click)="decrementQty()">

总而言之，我的建议是将图标包装在一个按钮中，并在那里添加点击处理程序。