Angular 如何使用角材质8 cdk drag n drop在放置区内创建放置区？

我正在尝试创建一个表单设计器，其中有一个控件列表（输入、文本区域等），并将它们拖到一个包含用于设计表单的表单控件的选项卡上。但我需要激活该选项卡内的另一个放置区域（已经是放置区域）。我使用了cdkDropListGroup、cdkDropList和[cdkDropListData]

<div class="row" cdkDropListGroup>

   <div cdkDropList
        [cdkDropListData]="copyControlList" 
        class="control-list mat-elevation-z1"      // control list to drag
        (cdkDropListDropped)="drop($event)">
   </div>


   <div cdkDropList
        [cdkDropListData]="copyControlList" 
        class="control-list mat-elevation-z1"
        (cdkDropListDropped)="drop($event)">            // drop zone for controls

        <div cdkDropList
           [cdkDropListData]="copyControlList"      
           class="control-list mat-elevation-z1"       // another drop zone for controls
           (cdkDropListDropped)="drop($event)">
        </div>

   </div>

  /// other controls (input, textarea)


 </div>

//控件的放置区域
///其他控件（输入、文本区域）

---

我使用的是角材质cdk拖放

你找到过这个问题的答案吗？看起来，使用角材质cdk拖放，嵌套拖放区是不可能的。我用过“ngx drag drop”，你有没有找到这个问题的答案？看起来，嵌套dropzone不可能与角材质cdk drag n drop一起使用。我使用了“ngx拖放”来实现它