无法放置Angular材质放置物品

Question

我正在尝试使用Angular Material cdkDragDrop。

正在尝试从嵌套对象中填充列表。我可以显示列表，但是在尝试移动项目时，它没有出现在“添加的详细信息”列表中

代码：https://stackblitz.com/edit/angular-awxclk?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.html

Answer 1

在您的代码中，您正在使用moveItemInArray和transferArrayItem，它们期望（顾名思义）第一个参数是一个数组。在您的情况下，您将其指向一个对象，因此该方法在内部引发。

您要做的是在两个容器中将实际集合用作[cdkDropListData]。然后，您在*ngFor指令中迭代这些相同的集合。

因此，在您的constructor / onInit中，将对象转换为数组，并将该数组用作[cdkDropListData]。然后，如果需要，可以将数组转换回对象，并在drop方法结束时对其进行更新。