問題タブ [angular-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.

0 投票する
1 に答える
1906 参照

angular - ng2-dragula を使用してグリッド リストをドラッグおよびスワップする

リストのグリッドがあり、ng2-dragula を使用してグリッドのタイルをドラッグ アンド スワップしようとしています。

some.component.html

some.component.ts

私のアイデアは、ドロップ イベントでデータを交換することでした。このように HTML に追加できる onDrop イベントはありますか?

(onDrop) = "swap(data)"そしてswap(data:any)、コンポーネントクラスで実行しますか?

それともdrugulaserviceを初期化する必要がありますか? 代わりに交換するより良い方法はありますか?

私はAngularにまったく慣れていないので、これを理解するのがとてつもなく難しいと感じています。どんなヒントでも大歓迎ですか?

0 投票する
1 に答える
1090 参照

angular-dragula - angularjs-dragula を使用した水平スクロールの問題

angularjs-dragula を使用していますが、画面から隠されているオーバーフロー コンテナーに自動スクロールできません。

これは私の問題です。
ドラグラに 5 つのコンテナーがあり、5 番目のコンテナーが画面から隠されています。ここで、要素を最初のコンテナーからドラッグして、5 番目のコンテナーにドロップします。しかし、画面が 5 番目のコンテナーに自動スクロールしないため、これを行うことはできません。

angularjs-dragula は垂直スクロールをサポートしていますか? または私が行方不明のプロパティがありますか?

例 Plunkr : https://plnkr.co/edit/iD38MugmHIx298p7OlrI?p=preview

0 投票する
0 に答える
95 参照

javascript - Angular コンポーネント間でオブジェクトをドラッグ アンド ドロップする

Angular 4 で Dragula モジュールを使用しています。div をサイドパネルからメイン ビューにドラッグしたいと考えています。ただし、画面のこれら 2 つの領域は、個別のモジュールと個別のコンポーネントにあります。

これら 2 つの領域は、仮想/シャドウ DOM のために互いに無知であると想定しています。異なるコンポーネント間で Dragula を実装する方法はありますか?それとも、単にアプリ全体をリファクタリングする必要がありますか?