angular - angular 2 & ng2-dragula - 将指令添加到组件中

Question

我正在使用 Angular 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 示例