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

【问题标题】：angular 2 & ng2-dragula - adding directives into componentangular 2 & ng2-dragula - 将指令添加到组件中
【发布时间】：2017-01-14 04:17:57
【问题描述】：

我正在使用 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"
})

【问题讨论】：

标签： angular angular2-directives ng2-dragula

【解决方案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

【讨论】：

它对我有用，谢谢。 Stefan，只有我在 app.module.ts 中的导入与您的代码不同： import {Dragula, DragulaService} from 'ng2-dragula/ng2-dragula';