Angular JS Touch and Swipe

Question

I am very new to angular JS and working on a mobile application. As a part of it, I need to write a service that handles touch events like swipe-left, swipe-right, swipe-up and swipe down and I need to call back depending on which action is made. Please let me know if there any useful tutorials.

Answer 1

As mentioned in the comments ngTouch is a good place to start, however it only has swipe left and swipe right. I recommend using Angular Gestures; it's an angular implementation of hammer.js, and has pretty much everything you'd ever need:

• doubletap
• dragstart
• drag
• dragup
• dragdown
• dragleft
• dragright
• dragend
• hold
• pinch
• pinchin
• pinchout
• release
• rotate
• swipe
• swipeup
• swipedown
• swipeleft
• swiperight
• tap
• touch
• transformstart
• transform
• transformend

Answer 2

Another option is the angular-swipe module. It replaces ng-swipe and uses the same directives, adding up and down:

ng-swipe-up
ng-swipe-down
ng-swipe-left
ng-swipe-right