java东西掉落的效果,角度7拖放 - 动态创建掉落区域

有没有办法动态创建拖放区？我在使用ngFor和cdkDropList时遇到了一些麻烦 .

这是我的第一个列表和可拖动元素：

cdkDropListOrientation="horizontal"

cdkDropList

#subjectList="cdkDropList"

[cdkDropListData]="subjects"

[cdkDropListConnectedTo]="[lessonList]"

(cdkDropListDropped)="drop($event)"

>

{{subject.name}}

这是我的第二个清单：

#lessonList="cdkDropList"

[cdkDropListData]="appointment.lessons"

[cdkDropListConnectedTo]="[subjectList]"

(cdkDropListDropped)="drop($event)">

{{lesson.name}}

现在，带有'conta'类的div在* ngFor中 .

我想，我的问题是我的第二个清单 . 如果我将一个元素从第二个列表拖到列表一，它可以正常工作，但如果我尝试将元素从列表一拖到第二个列表中的任何列表实例，它就无法识别该元素是否被拖动 . 在这里演示：

我在这里做错了吗？打字稿部分工作正常 .

谢谢