角2でドラッグ＆ドロップ

Question

このドラッグアンドドロップライブラリの使い方は？

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

著者は受け入れられないものを私のプロジェクトにインポートする（と私のメールに答えていません）どのように任意のチュートリアルを提供していませんでした。 Plumkerの例に定義されていない変数などがあります。このライブラリを使用しましたか？

よろしくライブラリを使用する方法

Answer 1

ここにある：

npm install ng2-dnd --save 

をあなたは含める必要があります： https://github.com/akserg/ng2-dnd
あなたは使用してプロジェクトにパッケージをインストールした後

npm install ng2-dnd --save 

Answer 2

をインストールすることができますアプリケーションモジュール内のパッケージ。

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 { 
} 

この手順を行った後、パッケージがアプリケーションに含まれており、あなたがいずれかを必要としない限り、あなたはあなたのコンポーネント（それぞれでそれをインポートする必要はありません。パッケージのドキュメント（https://github.com/akserg/ng2-dndは）ようと説明しますパッケージによって提供されるサービスのインスタンス）。

ここでは、コンポーネントでディレクティブをどのように使用しているかを示します。

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