ダブルタップ/ダブルクリックAngular2＆ionic

Question

私は多くのフォーラムや質問を検索していますが、角型/イオン2のダブルタップをダブルクリックする方法は誰にも分かりません。イオンで

それはon-double-tapで利用できた動作v1（http://ionicframework.com/docs/api/directive/onDoubleTap/を参照）

誰でも多分、角度イオン2月2日にダブルクリックイベントをキャッチするチップまたは任意のコードを持っていますか？

多分HammerJS経由ですか？

ありがとうございました！ ルイス:)

Answer 1

だから、それは明らかだった1〜2時間後に、あなたがイオンとのダブルクリックイベントをキャッチする必要がありますが、純粋なではJavaScriptません：dblclick()

だから、角度2で、それは次のようになり：(dblclick)="myFunction()"とそれだけです！

ここにはJavaScriptの他のイベントがあります。

Answer 2

イオン2には、HTMLからアクセスできる基本的なジェスチャーがあります。 iOSとAndroidで動作する必要があります。 documentation hereが見つかります。

ソースコードはis hereで提供されています。

Answer 3

単純なクリックとダブルクリックに同じボタンを使用するには、setTimeout関数を使用します。矢印の実装=>と一緒に使用する必要があります。

html template

<button (click)="simpleClickFunction()" (dblclick)="doubleClickFunction()">click me!</button> 

Component

simpleClickFunction(): void{ 
    this.timer = 0; 
    this.preventSimpleClick = false; 
    let delay = 200; 

    this.timer = setTimeout(() => { 
     if(!this.preventSimpleClick){ 
     //whatever you want with simple click go here 
     console.log("simple click"); 
     } 
    }, delay); 

    } 

    doubleClickFunction(): void{ 
    this.preventSimpleClick = true; 
    clearTimeout(this.timer); 
    //whatever you want with double click go here 
    console.log("double click"); 
    } 

ダブルクリックのわから