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>