Angular 嵌套cdkDropLists中的元素排序问题

我有一个有几个CDKDropList的Angular项目。它们中的一些嵌套在其他的内部（如部分内部的部分）。所有的雾滴都已连接

<div cdkDropList id="ewf" [cdkDropListConnectedTo]="conn"
                        >

<div cdkDrag>
  <div class="handle" cdkDragHandle></div>
  <div cdkDropList id="e" [cdkDropListDisabled]="false" [cdkDropListData]="todo" class="example-list" style="margin-bottom: 10px;" [cdkDropListConnectedTo]="['e', 'j','ewf']">
    <div class="example-box" *ngFor="let item of todo" cdkDrag>{{item}}</div>
  </div>
</div>

<div cdkDrag>
  <div class="handle" cdkDragHandle></div>
  <div cdkDropList id="j" [cdkDropListSortingDisabled]="false" [cdkDropListData]="done" class="example-list" [cdkDropListConnectedTo]="['e']">
    <div class="example-box" *ngFor="let item of done" cdkDrag>{{item}}</div>
  </div>
</div> </div>

{{item}}
{{item}}

问题是，尽管我能够将cdkDrag从一个dropList拖到另一个dropList，但我无法在嵌套的cdkDropList中对cdkDrag进行排序（更改它们的顺序）（例如在上面示例中的列表“e”中）