2017-05-18 4 views
0

イオンアイコンを連続してクリックすると、Androidで動作している間にIOS上でdecrementQty()メソッドが複数回呼び出されます。IOSアイコンが連続してクリックされない

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

問題:アイコンアイコンで何回もクリックすると、decrementQty()が呼び出されません。

予想:decrementQty()は、Androidの場合と同様にクリックイベントを複数回呼び出す必要があります。

どのようにIOSで同じことを達成できますか?

+0

iOSではまったく動作しませんか、それとも時々呼び出されますか?あなたは親要素に '(click)'イベントを追加しようとすることができますか?例えば、ボタン? –

+0

私はボタンとしてスパンを使用しています、これにいくつかのパディングと背景色を追加しました。私がイオンアイコンをシングルクリックすると動作しますが、短時間で複数回実行すると動作しません。 –

+0

クリックの代わりに '(タップ)'を試してみましたか? –

答えて

1

2可能な問題があります。

  1. あなたは、イオンicon要素に直接クリックハンドラを追加した場合、ヒットボックスをクリックすることが困難になるだけで、実際のアイコン自体、可能性があります。これを解決する最も簡単な方法は、ボタンでラップすることです。

  2. IOSは、少数の要素(<a>および<button>要素、多分それ以外の要素)を除くすべての要素で300msのクリック遅延があります。 Ionicはこの遅れを取り除くためにtappableという命令を提供しています。 <ion-icon tappable qty-icons name="remove" (click)="decrementQty()">

すべての私の提案は、ボタンのアイコンを包み、そこクリックハンドラを追加することですすべて。

関連する問題