1、安装
npm install ng2-dragula --save
2、配置
// 拖拽 import {DragulaModule} from "ng2-dragula"; @NgModule({ declarations: [ AppComponent ],imports: [ DragulaModule,... ],providers: [],bootstrap: [AppComponent] }) export class AppModule { } angular-cli.json中配置css文件地址 "../node_modules/dragula/dist/dragula.css"
3、使用
<div [dragula]='"first-bag"'> <p>第1条拖拽的信息</p> </div> <div [dragula]='"first-bag"'> <p>第2条拖拽的信息</p> </div> <div [dragula]='"first-bag"'> <p>第3条拖拽的信息</p> </div>