角度2＆ng2-dragula - コンポーネントにディレクティブを追加する

Question

私はAngular 2.0.0-rc6とng2-dragulaを使用しています。私は単語の簡単なリストを作成し、その中にn 'ドロップをドラッグできるようにしたかったのです。

属性「ディレクティブ」をコンポーネントに追加しようとすると、「ディレクティブ」はコンポーネントメタデータ型の一部ではなく、ディレクティブをコンポーネントにバインドすることはできません。 コンポーネント宣言内に属性 "directive"を実装したチュートリアルがいくつか見つかりました。

どのようにDragulaディレクティブをコンポーネントにバインドできますか？

import { Component } from '@angular/core'; 

import {Dragula, DragulaService} from 'ng2-dragula/ng2-dragula'; 

@Component({ 
    selector: 'my-app', 
    // directives: [Dragula], 
    // viewProviders: [DragulaService], 
    templateUrl: "app/templates/app.component.html" 
}) 

Answer 1

あなたはNgModuleのような以内にそれを宣言する必要があります：それは私の作品

... 
import {Dragula, DragulaService} from 'ng2-dragula/ng2-dragula'; 

@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ App, Dragula ], 
    providers: [ DragulaService ], 
    bootstrap: [ App ] 
}) 
export class AppModule {} 

Plunker Example