如何在可点击元素内制作按钮？

Question

假设我在可点击的容器中有一个按钮

<div class="container" (click)="onContainerClick()">
  <button (click)="onButtonClick()">Button</button>
</div>

[当我单击按钮时，都会触发onContainerClick和onButtonClick。有什么方法可以只触发容器内按钮的点击事件。

示例：https://stackblitz.com/edit/angular-mekd2t

Answer 1

在事件处理程序中捕获事件对象，然后调用stopPropagation方法。

这将阻止它冒泡到父元素。

stopPropagation

Answer 2

<button (click)="onButtonClick(); $event.stopPropagation()">Button</button>

您需要停止传播事件。这应该覆盖它