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

Question

我正在使用 Angular 2.0.0-rc6 和 ng2-dragula。我想创建一个简单的单词列表并能够在其中拖放。

当我尝试将属性 "directive" 添加到我的组件时，它说 "directive" 不能成为组件元数据类型的一部分并且我不允许将该指令绑定到我的零件。我找到了几个在组件声明中实现属性 "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

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

angular 2 & ng2-dragula - adding directives into component

angular2-directives

ng2-dragula

angular