角2＆NG2-dragula - 将指令添加到组分

Question

我使用角2.0.0-RC6和NG2-dragula。我想创建一个简单的单词列表，并能够将其拖放到内部。

当我尝试将属性“指令”添加到我的组件时，它说“指令”不能是组件元数据类型的一部分，我不允许将指令绑定到我的组件。 我发现了几个在组件声明中实现属性“指令”的教程。

我如何可以将绑定在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