角材料:移除CDK组件外部的onDrop项

时间:2019-03-21 21:36:22

标签: angular drag-and-drop angular-material angular-cdk

我目前正在使用角度材料CDK DragAnDrop来实现某些列表功能。
我要完成的是:

  • 我将元素从列表A拖放到列表B中。 如果我将元素从列表B拖放到列表B之外(同样也在列表A之外),我想从列表B中删除该元素。

  • 是否可以使用某些指令或api来验证是否在cdkDropList组件外部放置了元素?

1 个答案:

答案 0 :(得分:1)

  

是否可以使用某些指令或api来验证是否在cdkDropList组件外部放置了元素?

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

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