在Angular 2中拖放

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">