Angular的cdk拖放库允许我们将元素拖动到另一个列表中。如果您的列表中有嵌套的列表项，并且您希望在任何级别上进行拖放操作，则需要将外部和内部容器都放置为cdkDropLists。

以下是如何在嵌套的cdkDropLists中放置cdkDrag元素的示例：

1.在您的组件中导入DragDropModule和CdkDragDrop

import {DragDropModule, CdkDragDrop} from '@angular/cdk/drag-drop';

2. 在模块中，导入DragDropModule：

@NgModule({ imports: [ ... DragDropModule ], ... })

3. 定义您要拖动的列表项及其父容器：

4. 添加“cdkDropListDropped”事件处理函数：

onItemDrop(event: CdkDragDrop) { if (event.previousContainer === event.container) { moveItemInArray(event.container.data, event.previousIndex, event.currentIndex); } else { transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex); } }

在这里，我们使用了两个可用于在cdkDropLists中拖动和放置元素的方法 - moveItemInArray和transferArrayItem。您可以使用其中任何一个方法，具体取决于您要转移的项以及它们之间的关系。

最后，