Skip to content

AngularJS directive that adds support for multi touch gestures to your app. Based on hammer.js.

Notifications You must be signed in to change notification settings

zack9433/angular-gestures

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-gestures

AngularJS directive that adds support for multi touch gestures to your app. Based on hammer.js.

Usage

  • Include gestures.js or gestures.min.js into your page
  • Declare 'angular-gestures' as a dependency for your angular app: angular.module('myApp', ['angular-gestures']);
  • Use attributes on you containers in the same way you use ng-click e.g. hm-tap="add_something()"
  • You can use angular interpolations like this : hm-swipe="remove_something({{ id }})"
  • You can also use Hammer.js options by e.g. hm-tap-opts="{hold: false}"

Supported events

  • hmDoubleTap : 'doubletap',
  • hmDragStart : 'dragstart',
  • hmDrag : 'drag',
  • hmDragUp : 'dragup',
  • hmDragDown : 'dragdown',
  • hmDragLeft : 'dragleft',
  • hmDragRight : 'dragright',
  • hmDragEnd : 'dragend',
  • hmHold : 'hold',
  • hmPinch : 'pinch',
  • hmPinchIn : 'pinchin',
  • hmPinchOut : 'pinchout',
  • hmRelease : 'release',
  • hmRotate : 'rotate',
  • hmSwipe : 'swipe',
  • hmSwipeUp : 'swipeup',
  • hmSwipeDown : 'swipedown',
  • hmSwipeLeft : 'swipeleft',
  • hmSwipeRight : 'swiperight',
  • hmTap : 'tap',
  • hmTouch : 'touch',
  • hmTransformStart : 'transformstart',
  • hmTransform : 'transform',
  • hmTransforEnd : 'transformend'

About

AngularJS directive that adds support for multi touch gestures to your app. Based on hammer.js.

Resources

Stars

Watchers

Forks

Packages

No packages published