如何将cdkDropList的元素放入div？

Question

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

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

编辑： 我不不想将一个项目从一个列表转移到另一个列表。我想将一个项目从下拉列表中拖放到我想要的任何位置。例如in the example documentaion从第二个示例中取出一个项目，放下该项目将成为第三个示例。

Answer 1

快速浏览Angular Material可以帮助您更快地找到路。

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

这是Stackblitz example for that