問題タブ [ng2-dragula]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - ng2-dragula ベースのグリッドの何が問題になっていますか?
ng2-dragula を使用して、ドラッグ アンド ドロップ グリッド ベースのエクスペリエンスを構築したいと考えています。ng2-dragula が進むべき道のようです。
私はそれを空のプロジェクトにインポートしました。単純な垂直リストがある場合 (以下)。それは正常に動作します。
これを水平リストにしたい場合 - ドラッグにはすでにわずかな遅延があるか、正確ではありません:
最後に、画面をグリッドにするのに十分なほど小さくしておくと、エクスペリエンスはさらに悪化します;(正確ではなく、ドラッグアンドドロップを行うのが困難です.
質問: - グリッドのユース ケースに ng2-dragula を使用することは可能ですか? ドキュメントには、これに関する例やガイダンスはありません。これを実際に機能させるには何が欠けていますか？
以下の私の空のアプリコード：
javascript - Dragula と Angular 5 - ドロップしてオブジェクトの場所の値を更新する
いくつかの div を含むバッグがあり、各 div にはすべて同じ場所の値を持つ項目のリストがあるため、"Misc" div にはすべて "location: misc" を持つ項目があり、"Armor" div にはすべての項目があります。 「場所：鎧」などがあります。
アイテムをそれぞれの div に並べ替えることができますが、アイテムを別の div にドラッグして、それに応じてアイテムの場所の値を変更できるようにしたいのですが、どうすればよいかわかりません。
この解決策を試しましたが、正しく理解できていないはずです。
コード スニペット - これは単に「未定義」のコンソールです
HTML:
TS: