材料拖放 - DragPlaceHolder 样式问题

时间:2021-07-29 18:16:00

标签: angular-material drag-and-drop

使用 Angular Material Drag & Drop 指令,我试图弄清楚如何使 DragPlaceHolder div 在我拖过目标放置区时保持原位。

在线项目:https://stackblitz.com/edit/angu-dragdrop-mosaic2-k9wgrj

例如,一旦我开始拖动 - 我可以看到顶部的初始占位符 div(空的,虚线边框)

enter image description here

然后一旦我拖过底部放置区,我上面的占位符就消失了 - 它移动到目标区域:

enter image description here

我们确实有一个带有指令的占位符 div,它同时具有两种样式:

 <div class="placeholder" *cdkDragPlaceholder></div>

但即使我将类分成两个不同的类,这种行为仍然会发生。

这是材料示例页面,供参考(参见第三个示例)-https://material.angular.io/cdk/drag-drop/examples

对此有什么想法吗?

0 个答案:

没有答案