问题出现在官方文档中所描述的拖放嵌套的drop区域场景中，将在外层drop区域中移动的元素通过用户更改与内部drop区域进行交互。这个不起作用，但是我们可以通过设置某些属性和监听器来解决这个问题。下面，我们提供以下解决方案。

1. 每个嵌套的drop区域都应该拥有其自身的cdkDropList实例。因此，我们需要使用drop-list-group指令。

HTML代码：

  

    
{{item}}
    

      
{{item}}
    
  

2.设置cdkDrag实例的data属性，以便将其移动到另一个drop区域时能够进行交互。

HTML代码：

  

      
{{item}}
      

          
{{item}}
      
  

3.使用dropListEntered和dropListExited事件监测拖动物体是否进入或离开还原区域。

HTML代码：

  

      
{{item}}
      

           
{{item}}
           
      
  

4.在component.ts中实现dropListEntered和dropListExited事件，并将数据存储在组件中。

TS代码：

import {CdkDragEnter, CdkDragExit} from '@angular/cdk/drag-drop'; 

drop(event: CdkDragDrop