AngularJS: доступ к службе ngTouch из директивы?

Question

Мне очень нравится, как новая директива ng-click в Angular теперь автоматически включает функции для сенсорных событий. Тем не менее, мне интересно, можно ли получить доступ к этой службе touch-event из моей пользовательской директивы? У меня есть множество директив, которые требуют, чтобы я привязывал событие click к данному элементу, но я просто делаю это с использованием типичного синтаксиса jquery (например: element.on('click', function(){ ... })). Есть ли способ связать событие ng-click с элементом внутри директивы? Без необходимости вручную поставить тег ng-click на мой элемент в HTML моего представления ...?

Я хочу, чтобы иметь возможность использовать мощность обоих щелчков и события касания. Я мог бы явно импортировать библиотеку (например, HammerJS или QuoJS), но я бы предпочел не делать этого, тем более, что Angular уже делает это.

Я могу получить доступ к сервису $swipe и связать с ним различные элементы, но существует ли аналогичная услуга для ngTouch?

Для справки, это пример того, когда я хотел бы сделать это:

mod.directive('datepicker', ['$timeout', function($timeout){ 
    return { 
     link: function(scope, elem, attrs){ 
      var picker = new DatePicker(); 

      elem.on('click', function(e){ 
       picker.show(); 
      }); 

      // I would rather do something like: 
      // elem.on('ngTouch', function(){ ... }); 
      // 
      // or even: 
      // $ngTouch.bind(elem, {'click': ..., 'touch': ...}); 
     } 
    } 
}]); 

UPDATE: Как отмечено ниже, исходный код ng-click директивы here. Может ли кто-нибудь увидеть способ использовать этот код и превратить его в «связующую» службу?

Answer 1

Я не думаю, что это правильный подход. Я бы подошел к этому, используя шаблон в вашей директиве, а затем используя ngTouch.

mod.directive('datepicker', ['$timeout', function ($timeout) { 
    return { 
     template: '<div ng-touch="doSomethingUseful()"></div>', 

     link: function (scope, elem, attrs) { 
      var picker = new DatePicker(); 

      scope.doSomethingUseful = function() { 
       // Your code. 
      } 
     } 
    } 
}]); 

UPDATE

Полный пример с дополнительными атрибутами по директиве элемента:

http://codepen.io/ed_conolly/pen/qJDcr