代码之家 › 专栏 › 技术社区 › bellotas

引导卡双击区域-角5

bootstrap-4 typescript angular html

bellotas · 技术社区 · 6 年前

我正在创建引导程序 card 它可以调用我的两个方法。

<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() . 有打电话的方法吗 TEST2() 当点击 button ?

1 回复 | 直到 6 年前

Poul Kruijt 6 年前

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

将模板更改为该模板,注意 $event 正在传递的参数:

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

在您的组件中:

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

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前