angular-hammer.js

;(function (__global, angular, hammer) {

  'use strict';

  if (!angular) {
    throw new Error("window.angular is not defined.");
  }

  if (!Hammer) {
    throw new Error("window.Hammer is not defined.");
  }

  var GESTURES = [
    'hold',
    'tap',
    'doubletap',
    'drag',
    'dragstart',
    'dragend',
    'dragup',
    'dragdown',
    'dragleft',
    'dragright',
    'swipe',
    'swipeup',
    'swipedown',
    'swipeleft',
    'swiperight',
    'transform',
    'transformstart',
    'transformend',
    'rotate',
    'pinch',
    'pinchin',
    'pinchout',
    'touch',
    'release'
  ];

  // Create clean scope
  var newScope;

  angular.injector(['ng']).invoke(['$rootScope', function($rootScope) {
    newScope = $rootScope.$new();
  }]);

  // Create module
  var module = angular.module('hammer', []);

  GESTURES.forEach(function (gesture) {
    var hammerGesture = 'hammer' + gesture[0].toUpperCase() + gesture.slice(1);

    module.directive(hammerGesture, ['$parse', function ($parse) {
      return function (scope, element, attr) {
        var args = newScope.$eval(attr[hammerGesture]),
            tapHandler,
            options = null,
            instance;

        if (typeof args === 'undefined') {
          tapHandler = $parse(attr[hammerGesture]);
        } else {
          tapHandler = $parse(args.fn);
          delete args.fn;
          options = args;
        }

        instance = hammer(element[0], options);

        instance.on(gesture, function (e) {
          scope.$apply(function () {
            tapHandler(scope, { $event: e });
          });
        });
      };
    }]);
  });

}(window, window.angular, window.Hammer));