directive.js

(function() {
  var app = angular.module('apptui');

  app.directive('mousePad', function($ionicGesture) {
    return {
      restrict: 'E',
      replace: true,
      template: '<div class="mouse-pad"></div>',
      link: function(scope, element, attributes) {
          $ionicGesture.on('drag', onDrag, element);
          
          function onDrag() {
              // do stuff
          }
          
      }
    };
  });
})();