AngularJS：从指令访问 ngTouch 服务？

Question

我真的很喜欢 Angular 中的新 ng-click 指令现在自动包含触摸事件的功能。但是，我想知道是否可以从我的自定义指令访问该触摸事件服务？我有很多指令要求我将单击事件绑定到给定元素，但我只是使用典型的 jquery 语法（例如：element.on('click', function(){ ... })）来执行此操作。有没有办法可以将ng-click 事件绑定到指令中的元素？无需在视图的 HTML 中手动将ng-click 标记放在我的元素上...？

我希望能够利用点击和触摸事件的力量。我显然可以导入一个库（例如 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': ...});
         }
     }
}]);

更新：如下所述，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.
             }
         }
     }
}]);

更新

在指令元素上有附加属性的完整示例：

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