Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角垫台消除波纹_Angular_Angular Material_Angular Material Table - Fatal编程技术网

Angular 角垫台消除波纹

Angular 角垫台消除波纹,angular,angular-material,angular-material-table,Angular,Angular Material,Angular Material Table,我有一个有棱角的材料表,有一个带有矩阵效果的可点击行。 在表中,我有一个按钮作为行之一。 当点击按钮时,它会发出一个事件,到目前为止,我已经停止了事件传播,这可以很好地防止两个元素检测到点击事件。 是否有办法仅在单击按钮时立即取消父行的涟漪效应?涟漪使用mousedown和mouseup事件,您可以在这两个事件中禁用或打开父行的涟漪: <div class="example-ripple-container mat-elevation-z4" matRipple

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

涟漪使用mousedown和mouseup事件,您可以在这两个事件中禁用或打开父行的涟漪:

  <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()">

工作起来很有魅力工作起来很有魅力