角材料拖放库面临的问题

Question

我有一个要求，比如在 div 中拖放两个项目，它应该动态创建一个新 div 并在动态创建的 div 中显示这两个项目（使用 *ngFor）。用户应该能够再次删除新创建的动态 div 中的项目。

这就是我动态创建新 div 的方式。我无法将项目放入这个新创建的组中。

<div *ngFor="let item of items">
    <div  #Group="cdkDropList" [cdkDropListData]="itemsInGroup" [cdkDropListConnectedTo]="[Group]" cdkDropList  (cdkDropListDropped)="drop($event)" >
        <div class="details-container" cdkDrag [cdkDragDisabled]="isDragDisabled(item.isDisabled)">
            <p >{{item.businessName}}</p>
            <p >{{item.primaryPhone}}</p>
        </div>
    </div>
</div>

event.isPointerOverContainer 总是返回 false 即使我放在指定的 div 上。