Angular 拖动时尝试将cdk drop list接收类调整为一个完整的列表,但不排序原始列表

Angular 拖动时尝试将cdk drop list接收类调整为一个完整的列表,但不排序原始列表,angular,drag-and-drop,Angular,Drag And Drop,我正在使用angular的拖放模块,我正在尝试将具有cdk drop list接收类的div容器放入使用ngfor完成的整个可拖动项列表中 我试图将一个项目从一个列表拖到另一个列表,但是如果用户希望在将其放入另一个容器之前将可拖动项目拖回其原始位置,我希望将可拖动项目拖回其源列表的原始位置。不幸的是,将可拖动项返回列表的区域停留在列表的第一个位置,并不包含整个列表的区域,因此我可以将该项放在列表的任何位置,但无需重新排序 父容器具有cdkdroplist标记,该标记激活cdk drop list

我正在使用angular的拖放模块,我正在尝试将具有cdk drop list接收类的div容器放入使用ngfor完成的整个可拖动项列表中

我试图将一个项目从一个列表拖到另一个列表,但是如果用户希望在将其放入另一个容器之前将可拖动项目拖回其原始位置,我希望将可拖动项目拖回其源列表的原始位置。不幸的是,将可拖动项返回列表的区域停留在列表的第一个位置,并不包含整个列表的区域,因此我可以将该项放在列表的任何位置,但无需重新排序

父容器具有cdkdroplist标记,该标记激活cdk drop list接收类,在该容器中,我使用ngfor制作可拖动卡片,但接收可拖动项目的区域始终位于列表的第一个位置,无论列表中有多少项目。我在问是否有人能想到我该如何解决这个问题

以下是可拖放区域的图像:

黄色区域是下拉区域,它始终位于列表的顶部位置,即使列表的高度更高。我想让放置区域占据列表的整个高度,但当我放回可拖动项时,它无法对列表重新排序,必须将其放置到原始位置

我曾尝试将cdkdroplist标记放在ngfor制作的每一张可拖动卡上,但这样做不会出现在放置区域