Ionic 2 on-drag
<p>I have a little open source <a href="https://github.com/spike886/angular-touch-widgets" rel="nofollow noreferrer">library of components</a> that work with touch gestures made using ionic on-drag, on-drag-start, on-drag-end directives (because they work on mobile).
Now i'm trying to port it to angular 2. But i can't find how to do that with ionic 2.
Here's the code from the Angular 1 version</p>

<pre><code>  .directive('clockEditor', function () {
return {
  restrict: "E",
  scope: { from: '=', to: '=' },
  template:'&lt;div on-drag-start="onTouch($event)" on-drag-end="onRelease()" on-drag="drag($event)"&gt;\
            &lt;/div&gt;',
  controller: function($scope){

    $scope.onTouch = function(event){
      // code
    };

    $scope.onRelease = function(){
      // code
    };

    $scope.drag = function(event){
      // code
    };
  }
}
</code></pre>

<p>This is from angular 2 version</p>

<pre><code>import {Component, OnChanges, OnInit, Input, Output, EventEmitter} from '@angular/core';

@Component({
    selector: 'clock-editor',
    template: `
    &lt;div style="margin: auto; height: 250px; width: 350px;" draggable="true" (dragstart)="onTouch($event)" (dragend)="onRelease()" (drag)="drag($event)"&gt;
    &lt;/div&gt;`,
})
export class ClockEditor implements OnChanges, OnInit {

    onTouch(event){
      // code
    };

    onRelease(){
      // code
    };

   drag(event){
      // code
    };
}
</code></pre>