Angular7 放置区 : click event not triggered

Question

读完这篇文章后blog post关于 Angular Material 7 有关拖放交互的新功能，我决定尝试一下示例代码。

它围绕三个列表工作，通过拖放事件在三个列表之间移动元素。这工作得很好，当尝试修改第一个列表以使其元素变成按钮时会出现问题:

<div *ngFor="let item of newItems" [cdkDragData]="item" cdkDrag>
<button (click)="clicked($event)"> {{ item }}</button>
</div>

问题是点击事件似乎没有被触发，就好像拖放事件“覆盖了它们”一样。

这是代码:

https://stackblitz.com/edit/mat-drag-drop-bwkdcy

编辑:找到了一个使用事件监听器的解决方法，没什么大不了的。

Answer 1

(mousedown)="clicked($event)" 完成工作。