代码之家 › 专栏 › 技术社区 › Kisinga

角垫表取消波纹

angular-material-table angular-material angular

Kisinga · 技术社区 · 7 年前

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

1 回复 | 直到 7 年前

yujinpan 7 年前

Ripple使用 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>

推荐文章

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

Bitan Basak · 使垫子自动完成功能类似于Bootstrap选择

1 年前

user p · 如何修复Angular Material侧边栏的滚动问题

1 年前

K. van den Berg · 为什么我的Angular材质图标看起来与谷歌字体图标不同?

1 年前

Iteration · 列出在关闭前一个元素时不移动的CdkDrag Angular元素

1 年前

Pawan Nogariya · 是否有方法将数据或ngModel附加到材料选项卡上?

1 年前

Johannes Schacht · 如何从材质3的调色板中提取颜色

1 年前

Ben · 如何使用带有部分应用的过滤器功能的角度材质日期选择器?

1 年前

aditya rawat · 在angular is 17中使用angular材质遗留样式会产生此错误

1 年前

Kinjan Koradiya · 使用dir=“rtl”时垫滑块无法正常工作

1 年前