将项目拖放到列表中，列表之间和列表外部（角度6）

Question

我正在尝试将元素从列表拖动到其外部容器，反之亦然。我尝试过拖放有角度的材料，可以在列表之间移动项目。

https://stackblitz.com/angular/jekxnnbmgag?file=app%2Fcdk-drag-drop-connected-sorting-example.ts

我试图将cdkDropList赋予外部div，以便使div内部的所有元素都可拖动。但是现在我无法在列表中移动项目。拖放不适用于嵌套列表。

预期结果如下所示。

1. https://i.imgur.com/al7ILPa.png
2. https://i.imgur.com/9BbVNBk.png

如何在嵌套列表中使用拖放功能？