問題タブ [angular-dragdrop]
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 - angular cdk drag drop - ドラッグ時の自動スクロール速度を調整する
更新 11.07.2020
Github の問題https://github.com/angular/components/issues/19401
元の投稿
アイテムをリストの下または上にドラッグするときのスクロール速度を調整する方法はありますか? macOS 上の Firefox では、期待どおりに動作し、項目を下にドラッグするとスクロールが速くなります。Chrome と Safari では、速度は 1 つだけのようです。
私にとっては、イオン プロジェクトでドラッグ アンド ドロップを使用する予定なので、Chrome での動作が最も重要です。
スクロールがCDKまたはネイティブブラウザ機能のカスタムJavaScript実装であるかどうかは誰にもわかりませんか?
angular - 2 つのカスタム リスト コンポーネントに Angular Material Drag Drop を使用する方法
ドラッグ アンド ドロップの Angular Material サイトのすべての例は、2 つの配列を持つ 1 つのコンポーネントを示しています。たとえば .ts
しかし、2 つのカスタム コンポーネントがあり、各コンポーネントがリストを表し、これら 2 つのコンポーネント間でアイテムをドラッグ アンド ドロップしたい場合、コードを整理する適切な方法は何でしょうか?
次のソリューションを実装しました: https://stackblitz.com/edit/angular-aqfhpg?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.ts
基本的に、親コンポーネントはデータ (2 つの配列) を保持し、2 つの子コンポーネントはデータのみを表示し、項目をドラッグ アンド ドロップするオプションを提供します。ドロップ イベントが発生すると、子コンポーネントは 2 つの配列を更新する親にイベントをディスパッチします。
この解決策は大丈夫ですか？これを達成するためのより良い、より簡単な方法はありますか?
前もって感謝します！