Angularマテリアルのネストされたドラッグアンドドロップ
私はいくつかの問題に直面していますが、@ angular/cdk/drag-dropを使用して、リスト間で移動できる要素を含む、並べ替え可能なリストのグループを実現しようとしています。
個別のドラッグアンドドロップを実現する個別の例を個別に作成することができましたが、まとめると両方の機能を同時に実現することはできないようです。
グループ間でのアイテムの移動： https://stackblitz.com/edit/items-move
グループの並べ替え： https://stackblitz.com/edit/groups-move
両方一緒： https://stackblitz.com/edit/groups-items-move
Both Togetherの例のようですが、個々のアイテムのドラッグは期待どおりに機能しますが、グループの並べ替えは機能しませんが、cdkDropListGroupcdk-drag-drop-connected-sorting-group-example.htmlの4行目で、親<cdk-drop-list>の外に移動すると、反対のことが発生し、グループを並べ替えることができますが、アイテムをグループ間で移動することはできません。
私がどこで間違っているのかについてのポインタはありますか？
CdkDropListGroupはネストされたリストでは機能しないようです。リストにIDを追加し、それらを[cdkDropListConnectedTo]で接続します。