引导卡双击区域-角度5

Question

我正在尝试创建一个能够调用我的两个方法的Bootstrapcard。

<div (click)="TEST1()" class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<button (click)="(TEST2)">TEST2BUTTON</button>
</div>
</div>

尽管如此，实际上，这是有道理的，在我单击的地方，它将始终调用TEST1()。点击button时有没有办法调用TEST2()？

Answer 1

您必须在事件回调中使用stopPropagation()。

将您的模板更改为这样，请注意正在传递的$event参数：

<button (click)="onClick2($event)">TEST2BUTTON</button>

并且在您的组件中：

onClick2(event: MouseEvent): void {
event.stopPropagation();
}