如何在 angular 2.0 中创建拖动属性指令？

Question

我正在关注 angular docs 为拖动创建属性指令，但 ondrag 事件不是 working.On 另一端 mouseenter 和 mouseleave 工作正常（在文档中提到）。有什么建议吗？

import {Directive, ElementRef, Input} from 'angular2/core';
@Directive({
    selector: '[myHighlight]',
    host: {
        '(ondrag)' : 'onDrag()'
    }
})
export class HighlightDirective {
      //constructor(private el: ElementRef) { }
    onDrag(){
        console.log("onDrag...");
    }
}

Answer 1

没有 ondrag 事件。您要查找的活动只是 drag

Answer 2

我只是想用更精确的方式扩展答案。

dragstart & dragstop 将是正确的事件处理它，在 dragstart 上添加一些 class 到元素 & 在 dragstop 上删除来自 element.

的 class

如何在 angular 2.0 中创建拖动属性指令？

How to create drag attribute directive in angular 2.0?

javascript

angular

angular2-directives