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有沒有人得到它的工作？

回答

相關問題