我有一个小开源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
};
}