Angular 2为拖动元素创建指令

Question

我正在尝试在Angular 2中创建一个 Dicrective ，允许用户将HTML元素拖动到x位置。
我写了这个伪代码，我认为它可能有用，但是我没有足够的经验来使用指令知道正确的watermark.php参数是什么。

HostListener

更具体地说，我正在尝试使用此功能从Tabs移动Angular 2 Material，因为我还必须更新其索引。

Answer 1

好的，我使用jQuery ui's sortable功能做到了。

import { Directive } from '@angular/core';


@Directive({
    selector: '[draggable]'
})

export class DragDirective {

    constructor() {
        $(function() {
            (<any>$("#sortable-tabs")).sortable();
        });
    }
}

（＆lt; any＆gt; $（＆＃34;＃sortable-tabs＆＃34;））是因为否则会在编译未定义可排序函数时抛出错误