时间戳

首页 > 解决方案 > 离子波纹效应在普通的 html 按钮中不起作用

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

问题描述

在 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-frameworkionic4

解决方案

我必须将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>

推荐阅读