Javascript 动态组件列表上带有ng模板的cdkDropList do'；snt工作

我尝试使用Angular Material 7发布的拖放功能。并使用ng tempalte动态创建组件

并在组件中添加了cdkDrag

我在父组件上使用createComponent继续创建组件。

viewContainerRef.createComponent

但是dragdrop功能不起作用，因为

cdkDrag必须位于嵌套在带有cdkDropList的标记中的标记中，否则被拖动的元素将检测不到拖放区域。

参考：

有没有办法让Drop功能发挥作用

---

演示代码

问题是您不能将cdkDrag和cdkDropList与componenet一起使用，我们必须使用最近随AngularMaterial 3.5发布的服务+

CdkDrag使用依赖项注入来确定它是否在CdkDropList中，而当模板位于其他组件中时，CdkDropList不起作用。对于这种更高级的情况，您可以使用DragDrop服务自己附加拖放功能。

提及

用于实施cdkService的Stackblitz代码：

希望这能帮助其他人