title: Ionic 2 on-drag
body: <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>