在多个嵌套列表之间拖放

Question

我尝试获取“多级”拖放列表。 与此示例angular-drag-and-drop-lists类似 您可以添加新元素或拖放现有容器或项目

我需要使用标准div元素来获得它，这是到目前为止我尝试的工作示例 stackblitz

我尝试获取每个列表的组

IntelliTrace

并在html中将其设置为

 getConnectedList(): any[] {
    return this.groups.map(x => `${x.id}`);
  }

  dropGroup(event: CdkDragDrop<string[]>) {
    moveItemInArray(this.groups, event.previousIndex, event.currentIndex);
  }

但是我无法连接所有这些嵌套项目。

Thnx提供任何帮助或任何类似示例