离子波纹效应在普通的 html 按钮中不起作用

【问题标题】：Ion ripple effect not working inside a plain html button离子波纹效应在普通的 html 按钮中不起作用
【发布时间】：2019-07-27 04:20:15
【问题描述】：

在 Ionic v4 应用中，单击纯 html 按钮时不会显示离子波纹效果：

<button type="submit" form="myForm">
  <ion-ripple-effect></ion-ripple-effect>
  <ion-icon src="pathToButtonIcon\button-icon.svg"></ion-icon>
  <ion-text text-capitalize>buttonText</ion-text>
</button>

The Ionic Docs 中给出了类似的示例，但它不适用于我。

【问题讨论】：

标签： ionic-framework ionic4

【解决方案1】：

我必须将ion-activatable 类添加到按钮才能使其工作：

<button class="ion-activatable" type="submit" form="myForm">
  <ion-ripple-effect></ion-ripple-effect>
  <ion-icon src="pathToButtonIcon\button-icon.svg"></ion-icon>
  <ion-text text-capitalize>buttonText</ion-text>
</button>

【讨论】：