Double Tap/ double click Angular2 & ionic

angular ionic2 directive angular2-directives double-click
luiswill picture luiswill · Mar 6, 2017 · Viewed 24.2k times · Source

I am searching on many forums and questions, but nobody seems to ask how to double click ou double tap in Angular/ionic 2 ?

In ionic v1 it was available with on-double-tap (see http://ionicframework.com/docs/api/directive/onDoubleTap/)

Does anyone maybe have a tip or any code to catch double click events on ionic 2 / angular 2?

Maybe through HammerJS?

Thank you very much ! Luis :)

Answer

luiswill picture luiswill · Mar 6, 2017

So after 1-2 hours it was obvious, you don't need to catch double click events with Ionic, but with pure JavaScript: dblclick()

So in Angular 2 it would be: (dblclick)="myFunction()" and that's it!

Here you will find other events for JavaScript.

Related questions

How to convert date into this 'yyyy-MM-dd' format in angular 2

I want to convert current data into 'yyyy-MM-dd' format in .ts file. i template it can easily be done by using data pipe. how to do that in typescript. In template: {{date | date:'yyyy-MM-dd'}} How to convert in this format …

Read More
Component is part of the declaration of 2 modules

I try to build an ionic 2 app. When I try the app in the browser with ionic serve or launch it on an emulator everything works fine. But when I try to build it every time the error ionic-app-script tast: "…

Read More
How to iterate object keys using *ngFor

I want to iterate [object object] using *ngFor in Angular 2. The problem is the object is not array of object but object of object which contains further objects. { "data": { "id": 834, "first_name": "GS", "last_name": "Shahid", "phone": "03215110224", "role": null, "email": "…

Read More