Angular Material Nested Drag and Drop
J'essaie de créer un groupe de listes réorganisables contenant des éléments pouvant être déplacés entre les listes, en utilisant @ angular/cdk/drag-drop, bien que je rencontre quelques problèmes.
J'ai réussi à créer séparément des exemples individuels qui réalisent le glisser-déposer individuel, bien que réunis, il semble que je ne puisse pas réaliser les deux fonctionnalités en parallèle.
Déplacement d'éléments entre les groupes : https://stackblitz.com/edit/items-move
Réorganisation des groupes : https://stackblitz.com/edit/groups-move
Les deux ensemble : https://stackblitz.com/edit/groups-items-move
Il semble que dans l'exemple Les deux ensemble , le glissement des éléments individuels fonctionne comme prévu, mais la réorganisation des groupes ne fonctionne pas, cependant, le cdkDropListGroup à la ligne 4 de cdk-drag-drop-connected-sorting-group-example.html lorsqu'il est déplacé en dehors du parent <cdk-drop-list> provoque alors l'inverse, les groupes peuvent désormais être réorganisés, mais les éléments ne peuvent plus être déplacés entre les groupes.
Un pointeur sur où je vais mal?
Il semble que cdkDropListGroup ne fonctionne pas pour les listes imbriquées. Ajoutez simplement l'identifiant aux listes et connectez-les avec [cdkDropListConnectedTo].
Les deux ensemble : https://stackblitz.com/edit/nested-connected-lists