問題タブ [angular-cdk-drag-drop]

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 に答える
626 参照

angular - Angular ドラッグ アンド ドロップ: 項目が不要なリストにドロップされないようにする方法

Angular マテリアルが提供するドラッグ アンド ドロップ機能を使用して、アイテムをオプションリストから追加リストまたは除外リストに移動できるようにしようとしています (移動先グループで選択したラジオ ボタンに応じて有効になっているものは何でも)。

ここに画像の説明を入力

これまでのところ機能していますが、Includeリストのみが有効になっていると何か変です。

アイテムを除外リストに移動しようとすると、アイテムがオプションリストに戻されるのではなく、含めるリストに追加されます。インクルードリストにカーソルを合わせずにアイテムをドラッグした場合にのみ、期待どおりに機能します。

ここに画像の説明を入力

別のリスト内にアイテムをドロップしたいときに、そのアイテムがインクルードリスト内にドロップされないようにする方法はありますか?

ところで、これは除外リストが無効になっていることとは関係ありません。私はすでに両方のリストを有効にしてこれをテストしており、目的のリストにアイテムをドロップする途中で渡した最初のリストを常に獲得しています。

これがstackblitzのデモです

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

angular - Angular マテリアルのドラッグ アンド ドロップを使用すると、無線入力の選択がリセットされる

角度のあるマテリアルのドラッグ アンド ドロップ コンポーネントを使用して、基本的なラジオ入力のリストを並べ替えようとしています。

ページが読み込まれると、正しい無線入力がチェックされます。私の問題は、[グラブ] ハンドルを使用してリスト内のチェックされた項目を並べ替えると、ラジオの選択がリセットされたように見え、選択を保持する方法がわかりません。

私にとって本当に奇妙なことは、これがチェックボックスであればうまくいくということです。だから私はそれが私が無線入力を設定した方法と関係があると仮定しています.

あなたが提供できる助けに感謝します。

ここに私のスタックブリッツがあります: https://stackblitz.com/edit/angular-2q94xh

app.component.html

app.component.ts

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

angular - cdkDropList - Angular Material 内の項目のシフト/移動を防止する

Angular Material (Angular 8) のドラッグ アンド ドロップ ライブラリの問題に直面しています。

次のコードを開発しました。

2 つのドロップ リストがあります:受信者送信者

リスト内には画像があり、画像を送信者リストから受信者リストに移動できます(逆ではありません)。

メソッドの typescript ソース コードdrop:

imgホバーをドラッグするreceiver cdkDropListと、レシーバーのアイテムは、現在ドラッグしているアイテムの位置に応じてシフトされます (これは、Angular Material ドラッグ アンド ドロップの「リスト間でのアイテムの転送」の標準的な動作です)。

私が必要としているのは、レシーバー dropList (rerange) 内のアイテムのシフト/移動動作を無効にすることです。

or で動きを無効にしようとしましたCSSが、何も機能していません。transform: translate3d(0px, 0px, 0px)transform:none