在angular5中保持div可拖动

Question

今天我有一个名为“title”的div， 我有让它移动的任务，所以现在我可以在javascript中使用'可拖动'，但我使用角度5，我的姿势如下：

import { Component, OnInit, Input } from '@angular/core';
import{ AppComponent } from '../app.component'

@Component({
  selector: 'app-modal',
  templateUrl: './modal.component.html',
  styleUrls: ['./modal.component.css']
})
export class ModalComponent implements OnInit {
  constructor() { }
  ngOnInit() {
     }
}

你可以在代码笔https://codepen.io/__knif147/pen/yKjmao中看到我的html和css 所以，当我拿着'标题'div时，我必须放弃它，其他人请帮助我。

Answer 1

http://embed.plnkr.co/JbG8Si

通过此link.demo进行拖放操作。 您必须为此安装 npm ，并在您的项目（npm install ng2-dnd --save）中的app.module.ts中引用由angular提供的