Question

我试图添加拖放到我的离子2应用程序。但无法让它发挥作用。

这是我到目前为止所做的：

npm install ng2-dragula dragula --save

然后在我的页面中：

@Component({
  templateUrl: 'build/pages/dragtest/dragtest.html',
  directives: [Dragula],
  viewProviders: [DragulaService],
})
export class DragtestPage {
  constructor(private nav: NavController) {
  }
}

但是当我添加[dragula]标签时，我收到错误：无法绑定'dragula'，因为它不是一个已知的本地属性。

是否有人使用离子2进行此操作，是否有任何示例？

Answer 1

我想你错过了进口声明：

从'ng2-dragula / ng2-dragula'导入{DragulaService，Dragula};

我已经尝试过了，但似乎IDE无法找到目录'ng2-dragula'（PHP Storm中的红色文字）

Answer 2

我做了;）安装完成后，在app.module.ts中导入模块和服务：

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

然后将模块添加到导入：

imports: [
IonicModule.forRoot(MyApp),
DragulaModule
],

以及对提供商的服务：

providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}, DragulaService]

之后，您只需在要使用它的组件中导入服务：

import { DragulaService } from 'ng2-dragula/ng2-dragula';

并将其传递给构造函数：

constructor(private dragulaService: DragulaService ) {}

最后按照here.显示的步骤（仅适用于模板，而不是导入）

Answer 3

我刚刚写了一篇关于如何为离子2制作最新版本的ng-dragula的教程，在ng-dragula github页面上，他们有代码示例，但是如果你只是复制并粘贴将无法工作，我们需要做一些改变才能使其发挥作用。

几周前写了一篇关于它的文章，希望这会有所帮助

http://etenbo.com/add-drag-and-drop-on-ionic-2-by-plugin-dragula/

Angular2 / Ionic2 + ng2-dragula有没有人得到它的工作？

3 个答案: