Angular 角垫台消除波纹
我有一个有棱角的材料表,有一个带有矩阵效果的可点击行。 在表中,我有一个按钮作为行之一。 当点击按钮时,它会发出一个事件,到目前为止,我已经停止了事件传播,这可以很好地防止两个元素检测到点击事件。 是否有办法仅在单击按钮时立即取消父行的涟漪效应?涟漪使用mousedown和mouseup事件,您可以在这两个事件中禁用或打开父行的涟漪:Angular 角垫台消除波纹,angular,angular-material,angular-material-table,Angular,Angular Material,Angular Material Table,我有一个有棱角的材料表,有一个带有矩阵效果的可点击行。 在表中,我有一个按钮作为行之一。 当点击按钮时,它会发出一个事件,到目前为止,我已经停止了事件传播,这可以很好地防止两个元素检测到点击事件。 是否有办法仅在单击按钮时立即取消父行的涟漪效应?涟漪使用mousedown和mouseup事件,您可以在这两个事件中禁用或打开父行的涟漪: <div class="example-ripple-container mat-elevation-z4" matRipple
<div
class="example-ripple-container mat-elevation-z4"
matRipple
[matRippleDisabled]="disabled"
>
<button (mousedown)="disabled=true" (mouseup)="disabled=false" mat-button>button</button>
</div>
ripple使用mousedown和mouseup事件,您可以在这两个事件中禁用或启用父级的ripple:
<div
class="example-ripple-container mat-elevation-z4"
matRipple
[matRippleDisabled]="disabled"
>
<button (mousedown)="disabled=true" (mouseup)="disabled=false" mat-button>button</button>
</div>
只需使用方法停止按钮的mousedown事件的进一步传播,如下所示:
<button (mousedown)="$event.stopPropagation()">
只需使用方法停止按钮的mousedown事件的进一步传播,如下所示:
<button (mousedown)="$event.stopPropagation()">
工作起来很有魅力工作起来很有魅力