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

时间:2016-09-06 16:15:29

标签: angular angular2-directives ng2-dragula

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

当我尝试将属性“directive”添加到我的组件时,它表示“directive”不能成为Component Metadatatype的一部分,并且我不允许将该指令绑定到我的组件。 我找到了几个在组件声明中实现属性“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"
})

1 个答案:

答案 0 :(得分:0)

您应该在NgModule范围内声明:

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

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

<强> Plunker Example