我有一个左和右div。左div包含一个cdkDropList。我想存档的是,DropList的项目一旦拖到右边就留在右边的div中。现状是,一旦拖放到不是cdkDropList的内容中,它们总是移回DropList。

基本上,我想从cdkDropList的元素中创建一个cdkDrag。 DropList的元素已经是cdkDrags,但是我似乎无法将它们与DropList分开。

编辑:
我不想将一个项目从一个列表转移到另一个列表。我想将一个项目从下拉列表中拖放到我想要的任何位置。例如,in the example documentaion从第二个示例中获取一个项目,当它掉落时,它成为第三个示例。

最佳答案

快速浏览Angular Material可以帮助您更快地进行操作。

Angular Material Documentation: Look for the last example => Drag&Drop connected sorting

这是一个Stackblitz example for that

07-24 17:23