Ionic 2 on-drag

时间:2016-11-20 04:23:32

标签: angular ionic-framework ionic2 draggable drag

我有一个小开源library of components,可以使用离子拖拽,拖拽开始,拖拽结束指令(因为它们适用于移动设备)进行触摸手势。 现在我正试图将它移植到角度2.但我无法找到离子2如何做到这一点。 这是Angular 1版本的代码

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

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

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

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

这是来自角度2版本

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

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

    onTouch(event){
      // code
    };

    onRelease(){
      // code
    };

   drag(event){
      // code
    };
}

0 个答案:

没有答案