Angular自定义拖动指令

Angular自定义拖动指令

使用方法：

在需要实现可拖动的元素上加入 appDrag 属性即可；

若需要在宿主元素的上层元素中找到指定的class中包含类名ant-modal的元素，使之可拖动，只须加入

[appDrag]="'ant-modal'" 属性即可

import { Directive, ElementRef, HostListener, Input, OnInit } from '@angular/core';

@Directive({
  selector: '[appDrag]',
})
export class DragDirective implements OnInit {
  private isDown = false;
  private disX = 0;
  private disY = 0;
  private dom: any;
  @Input('appDrag') className: string;

  constructor(private el: ElementRef) {
  }

  @HostListener('drag', [&