连续点击离子图标不能在IOS上运行

Question

在Android上工作时，连续点击ion-icon会在IOS上多次调用decrementQty（）方法。

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

问题：如果我在图标图标上多次单击，则不会调用decrementQty（）。

预期：应使用Android上的点击事件多次调用decrementQty（）。

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

Answer 1

有两个可能的问题：

1. 如果将点击处理程序直接添加到ion-icon元素，则hitbox可能只是实际的图标本身，这使得单击很难。解决这个问题的最简单方法是将其包装在按钮中。

2. 对于除少数（<a>和<button>元素之外的每个元素，IOS的点击延迟为300毫秒，可能更多）。 Ionic提供了一个名为tappable的指令来消除此延迟。 <ion-icon tappable qty-icons name="remove" (click)="decrementQty()">

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