Angular7放置区域：未触发点击事件

在阅读了有关角度材料的博客文章后，我发现了有关拖放交互的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

编辑：找到一个事件监听器的变通办法，没什么大不了的。