Angular JS Touch and Swipe

angularjs angularjs-ng-touch
user3311330 picture user3311330 · Jun 25, 2014 · Viewed 21.3k times · Source

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

SgtPepper43 picture SgtPepper43 · Jun 25, 2014

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

Related questions

AngularJS Click on TouchStart

Angular Touch ngTouch causes the click to occur on touch release. Is there a way to make the click happen on touch start? The fast-click directive below seems to do what I want on touchscreens, but it doesn't work with …

Read More
if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More
How do I use $scope.$watch and $scope.$apply in AngularJS?

I don't understand how to use $scope.$watch and $scope.$apply. The official documentation isn't helpful. What I don't understand specifically: Are they connected to the DOM? How can I update DOM changes to the model? What is the connection …

Read More