angularjs ng-click 阻止事件冒泡

在AngularJS中,当点击详情按钮导致同时选中数据(事件冒泡到父元素)时,可以通过在ng-click事件中使用$event来阻止事件冒泡。官方文档说明$event对象可用于此目的。通过在HTML中设置ng-click并结合JavaScript代码,可以阻止事件冒泡,确保点击详情仅显示单据详情,不触发选中操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

废话不多说具体场景如下:
这里写图片描述
点击深色方形区域选中改条数据,点击详情按钮显示该数据对应的单据详情,但是问题出在点击详情的时候不仅展示了单据详情,同时执行了选中当前数据的操作(点击事件冒泡到了父元素上),所以解决该问题在于要阻止事件冒泡。
于是去查看关于ng-click的文档,官方文档这样描述:
这里写图片描述
可见事件对象是$event
所以我们可以在事件触发的时候传入$event 然后做阻止事件冒泡的操作,具体代码如下:
html:

 <button cl
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值