区分cdkDrag并单击angular

时间:2019-07-07 19:21:34

标签: angular angular-material angular-cdk

我有一个我曾经使用过int x = 0; using U = int&; U&& r = x; 的可拖动元素,它对我来说很好用。现在,我需要在元素单击时切换一个标志。但是,当我拖动元素并放下单击事件触发器时。您能否建议如何一起使用cdkDragcdkDrag。共享相同的代码段。

click

期望是:拖动元素时,不应触发单击。当仅单击元素时,不应触发拖动事件。

1 个答案:

答案 0 :(得分:1)

我对此有解决方案。

您需要一个布尔属性。我们称之为dragging

在您的cdkDrag元素上,添加一个cdkDragStarted回调,该回调将此属性设置为true。然后在您的click回调中,如果this.dragging为true,则将其设置为false并返回。嘿普雷斯托!

在这里https://stackblitz.com/edit/angular-drag-drop-and-clickable-element