拖动时，显示角度CDK拖放中是否允许放置

Question

使用 Angular CDK 拖放 (v17x)，您可以使用 cdkDropListEnterPredicate 控制是否允许拖放。工作正常。但如何使其在屏幕上可见呢？更改光标或更改颜色，任何通知用户是否放在那里的操作都是允许的。有没有什么样式集或者什么属性？

Answer 1

您可以使用

.cdk-drop-list-dragging

类来设置可以放置项目的元素的样式。例如，要为可以放置项目的区域创建绿色边框，请使用以下 CSS：

.cdk-drop-list-dragging {
  border-color: green;
}

StackBlitz 演示

有关拖放样式的更多信息，请查看 docs。