我有一个带有 matRipple 效果的可点击行的角材料表。在表中,我有一个按钮作为行之一。单击按钮时,它会发出一个事件,到目前为止,我已经停止了事件传播,这可以很好地防止两个元素检测到单击事件。有没有办法只在单击按钮时暂时取消父行的涟漪效应?
问问题
894 次
2 回答
4
涟漪使用mousedown
andmouseup
事件,您可以在两个事件中禁用或打开父级的涟漪:
<div
class="example-ripple-container mat-elevation-z4"
matRipple
[matRippleDisabled]="disabled"
>
<button (mousedown)="disabled=true" (mouseup)="disabled=false" mat-button>button</button>
</div>
于 2019-01-24T06:37:07.567 回答
0
只需使用方法停止按钮的 mousedown 事件的进一步传播,stopPropagation
如下所示:
<button (mousedown)="$event.stopPropagation()">
于 2021-05-14T14:35:06.817 回答