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

我试图添加拖放到我的离子2应用程序。但不能让它工作。Angular2/Ionic2 + ng2-dragula有没有人得到它的工作？

这是我迄今所做的：

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工作，有没有任何例子？

来源

2016-07-28 Mike Smith

你有没有找到一个解决办法？我面临同样的问题... – hsantos

我想你好想import语句：从 'NG2-dragula/NG2-dragula'

进口{DragulaService，Dragula};

我已经尝试过这一点，但它似乎IDE找不到目录“NG2-dragula”（在PHP暴雨红色文本）

来源

2016-08-04 17:08:22

我做;）安装它导入模块，并在该服务后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.的步骤（只为模板，而不是进口）

来源

2017-02-01 22:58:29 user3568791

我只写了一个关于如何使最新版本ng-dragula工作离子2，在ng-drag上的教程ula github页面，他们有代码示例，但是如果你只是复制和粘贴不起作用，我们需要做一些小改动才能使其工作。

写一个关于它的文章数周前，希望这将有助于

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

来源

2017-04-24 03:52:11

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

回答

相关问题