Angular Material：删除 cdk 组件外的项目 onDrop

Question

我目前正在为某些列表功能使用角度材料 CDK DragAnDrop。
我想要完成的是：

• 我将一个元素从列表 A 拖放到列表 B 中。 如果我将元素从列表 B 拖放到列表 B 之外（也在列表 A 之外），我想从列表 B 中删除该元素。

• 是否有一些指令或 api 可用于验证我是否在 cdkDropList 组件之外删除了一个元素？

Answer 1

是否有一些指令或 api 可用于验证我是否在 cdkDropList 组件之外删除了一个元素？

您可以使用CdkDragDrop 事件的isPointerOverContainer 属性。

如果项目被放置在容器外，它将被设置为 false，否则为 true。