問題タブ [angular-dragula]

助けが必要です。

私は angular-dragula.js を使用しており、オブジェクトを別のリストにドラッグすると最後に移動するように設定する必要がありました。私がどこかにドロップしても、彼はリストの最後に行きます。

どうすればこれを行うことができますか？すでにさまざまな場所で調査されていますが、成功していません。

これは一例ですが、ドラッグしたときに作業に必要なアイテムをクリックするだけで機能します。

jsFiddle デモ はこちら

ここの指示に従いました: https://github.com/valor-software/ng2-dragula/wiki#5-min-quickstartとここ: https://www.npmjs.com/package/ng2-ドラグラ

次のように、Angular-quickstart が機能しています。

"My First Angular App" (ブラウザーにポップアップ表示されるため、すべてが機能しています)

私は次の方法でドラグラをインストールします：

クイックスタート ファイルを valor-software ng2-dragula wiki (最初のリンク) の正確な内容に置き換えました。

誰かがアドバイス（重要なリストにないステップについて）または簡単な健全性チェックを提供できれば、それは大歓迎です。

同じバッグに 2 つの異なるバッグまたは容器が必要です。左のコンテナはネスト可能なリストである必要があり、右のコンテナはオブジェクトを左のコンテナに複製できるソート可能なリストである必要があります。

そのため、バッグ間をドラッグするか、同じバッグ内のコンテナーに異なるオプション セットをセットアップする機能が必要です。これはドラグラで可能ですか？

ちょっと私はDragulaJS-Angular Version を使用して、2 つのバケット間のドラッグ アンド ドロップの効果を得ています。このライブラリにはいくつかの問題があります。まず、同じバケットにのみ属するアイテムを移動できます。異なるバケットを定義すると、それらの間でアイテムを移動できません。

私のコードと私の目標を再評価する説明：

container-one 、 container-two 、および container- third の 3 つの div があります。

私の主な目標は次のとおりです。

1.コンテナ1とコンテナ2からコンテナ3にアイテムのみを渡します。

2.コンテナ1とコンテナ2の間でアイテムを移動することはできません。

3.また、container-one || から転送されるすべてのアイテムにクラスを追加したいと思います。コンテナ 2 からコンテナ 3 まで。

4. また、バッグを掃除してシステムをリセットする機能が欲しいです。

5.袋から袋へ要素を渡すアニメーションを作りたいのですが、今のアニメーションでは足りません。コンテナの 1 つだけでなく、2 つのコンテナ間にもドラッグ要素を表示する必要があります。私のコード:

私はangularJSの初心者です。コンテナー内のそれぞれの div のドラッグ アンド ドロップが完了した後、位置の変更を取得しようとしています。彼らのウェブサイトで提供されているいくつかのコード スニペットを試しましたが、解決策を見つけることができませんでした。

以下は、使用したコードスニペットです。

使用したテンプレート:

そして私のコントローラーで：

私が正しい道を進んでいるか、どこかで間違っているかどうか、誰かが私を案内してくれませんか。

「ドラグラ」ライブラリを使用してドラッグ中にコンテナとドラッグ可能な要素の間に線を引くことは可能ですか? 要素がドロップされると、線が消えるはずです。