Angular2/Ionic2 + ng2-dragula誰かがそれを稼働させましたか？

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'。

ionic 2で作業する人はいますか？例はありますか？ 'NG2-dragula/NG2-dragula' から

インポート{DragulaService、Dragula};：

Answer 1

は、私はあなたがimport文を見逃すことだと思います

私がやった

Answer 2

私はすでにこれを試みたが、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] 

あなたはちょうどあなたがそれを使用するコンポーネントにサービスをインポートする必要があります（here.を示す手順に従ってください。最後

constructor(private dragulaService: DragulaService) {} 

：

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

をし、コンストラクタに渡しますテンプレートの場合のみ、インポートではありません）

Answer 3

最新のバージョンのng-dragulaをionic 2で動作させる方法についてのチュートリアルをng-dragで作成してくださいul githubページにはコード例がありますが、コピーして貼り付けても機能しない場合は、動作させるために少し変更する必要があります。

が、これは

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