Question

如何使用此拖放库？

http://akserg.github.io/ng2-webpack-demo/#/dnd

作者没有提供任何教程如何将它（并且不回复我的电子邮件）导入到我的项目中是不可接受的。 Plumker示例包含未定义的变量等。您使用此库吗？

此致

Answer 1

如何使用图书馆在这里： https://github.com/akserg/ng2-dnd
你可以安装

npm install ng2-dnd --save

Answer 2

使用以下方法在项目中安装软件包后

npm install ng2-dnd --save

您必须在应用程序模块中包含该程序包。该软件包的文档（https://github.com/akserg/ng2-dnd）解释为：

import {BrowserModule} from "@angular/platform-browser";
import {NgModule} from '@angular/core';
import {DndModule} from 'ng2-dnd';

@NgModule({
    imports: [
        BrowserModule,
        DndModule.forRoot()
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

执行此步骤后，程序包将包含在您的应用程序中，您无需在每个组件中导入它（除非您需要程序包提供的任何服务实例）。

以下是他在组件中使用该指令的方法。

 <div dnd-droppable class="panel panel-info" (onDropSuccess)="simpleDrop=$event">

在Angular 2中拖放

2 个答案: