通过拖放目标组件的导航标签，在组件之间进行拖放列表传输

Question

我正在尝试弄清楚如何将一个列表中的元素拖放到<div>上并具有该项目更改列表。

目标是能够将一个列表中的项目拖放到侧边栏导航中的标签上，并将该项目切换到该目标页面上的列表。

我试图在stackblitz上实现一个非常简单的概念证明，但无济于事。

是否可以将项目拖放到给定的div（甚至不显示列表的div）并具有该项目切换列表？

这是堆栈闪电战的链接：https://stackblitz.com/edit/angular-special-drop-zone

在堆叠闪电战中，我试图将TODO列表中的项目拖放到DONE标题上，并将它们添加到DONE列表中。

编辑：这是我要完成的工作的GIF。在放到侧面导航中的“待办事项列表”后，我希望它切换到待办事项列表。