2

我有一个带有 matRipple 效果的可点击行的角材料表。在表中,我有一个按钮作为行之一。单击按钮时,它会发出一个事件,到目前为止,我已经停止了事件传播,这可以很好地防止两个元素检测到单击事件。有没有办法只在单击按钮时暂时取消父行的涟漪效应?

4

2 回答 2

4

涟漪使用mousedownandmouseup事件,您可以在两个事件中禁用或打开父级的涟漪:

  <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 回答