角度：将cdk渲染项拖放到副本上，同时拖动

Question

我正在使用@angular/cdk/drag-drop模块在​​列表之间拖放项目。

Stackblitz是here（请在新的浏览器窗口中打开Stackblitz输出以获得更好的输出）。

在父级列表中，我有tasks-dashboard.component，在其中遍历所有列表：

在tasks-dashboard.component中，对于每个列表，我正在使用子组件tasks-track.component，通过属性绑定将列表数据传递给它。

在tasks-track.component中，我遍历列表中的每个项目，然后通过属性绑定将项目数据再次传递给子组件task-item.component，在其中显示实际项目数据。

在列表之间拖动项目时，由于以下原因，我们正在拖动的项目似乎在移动时堆叠在其副本上：

我猜测cdkDrag伪指令在task-track.component.html中的放置是错误的，但是不确定是否需要将其放置在正确的位置。