Angular8 CDK:拖放在网格上不起作用

时间:2019-09-11 19:17:04

标签: javascript html angular drag-and-drop angular8

我尝试在单行中使用CDK拖放,效果很好,类似地,对于单列,效果很好,但是 当使用flex-wrap: wrap在行和列中显示图块时,它无法正常工作。

这是一个演示 https://stackblitz.com/edit/angular-etbue5

2 个答案:

答案 0 :(得分:0)

根据我的理解以及文档中提供的示例,您可以具有行方向或列方向,但不能同时具有行方向或列方向

具有属性@Input('cdkDropListOrientation') orientation: 'horizontal' | 'vertical'

使用flex-wrap时,会创建多行(行+列)。

答案 1 :(得分:0)

不幸的是,您询问有关在列和行之间分配的什么功能直到您都无法使用。 github上有一个未解决的问题,您可以检查Github。因此,我们需要等待该功能可用。目前暂时没有解决方法,您可以在stackblitz

进行检查