A decorator to override uiSref to trigger state change on touchstart instead of click (to remove 300ms delay on touch screens)

ui-sref-fastclick-decorator.js

'use strict';

// A decorator to override uiSref to trigger state change on touchstart if the element does not have disable-fastclick attribute
// It also logs the time between state changes
angular.module('app')
  .config(function ($provide) {
    $provide.decorator('uiSrefDirective', function ($delegate) {
      var originalUiSref, originalUiSrefLink;
      originalUiSref = $delegate[0];
      originalUiSrefLink = originalUiSref.link;

      $delegate[0].compile = function () {

        return function (scope, element, attrs, uiSref) {
          var originalBind = element.bind, enableFastClick = !angular.isDefined(attrs.disableFastclick);

          element.bind = function (event, callback) {
            originalBind.call(element, event === 'click' && enableFastClick ? 'touchstart mousedown' : event, function () {
              callback.apply(element, arguments);
            });
          };

          originalUiSrefLink.call($delegate, scope, element, attrs, uiSref);
        };
      };

      return $delegate;
    });
  });