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工作,有没有任何例子?
答
我想你好想import语句:从 'NG2-dragula/NG2-dragula'
进口{DragulaService,Dragula};
我已经尝试过这一点,但它似乎IDE找不到目录“NG2-dragula”(在PHP暴雨红色文本)
答
我做;)安装它导入模块,并在该服务后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.的步骤(只为模板,而不是进口)
答
我只写了一个关于如何使最新版本ng-dragula工作离子2,在ng-drag上的教程ula github页面,他们有代码示例,但是如果你只是复制和粘贴不起作用,我们需要做一些小改动才能使其工作。
写一个关于它的文章数周前,希望这将有助于
http://etenbo.com/add-drag-and-drop-on-ionic-2-by-plugin-dragula/
你有没有找到一个解决办法? 我面临同样的问题... – hsantos