如何在角度2.0中创建拖动属性指令?

时间:2016-03-20 17:34:18

标签: javascript angular angular2-directives

我正在关注angular docs创建拖动属性指令,但ondrag事件无法正常工作。另一端mouseentermouseleave工作正常(在doc中提到) )。有什么建议吗?

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

2 个答案:

答案 0 :(得分:1)

没有ondrag事件。您正在寻找的事件只是drag

答案 1 :(得分:1)

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

dragstart& dragstop将是正确的事件处理它,dragstart在元素&上添加一些类。在dragstop上从元素中删除了该类。