Question

我的Ionic应用程序中有两个离子开关。单击另一个离子切换后，我需要Disabel离子切换5秒钟。该怎么做？

这是我的代码：

<ion-item>
  <ion-label>Share in Pinterest</ion-label>
  <ion-toggle></ion-toggle>
</ion-item>

<ion-item>
  <ion-label>Share in Instagram</ion-label>
  <ion-toggle ></ion-toggle>
</ion-item>

Answer 1

您可以使用disabled的{{1}}属性和ionChange事件来实现所需的功能。

HTML

ion-toggle

TS

<ion-content padding>
<ion-item>
  <ion-label>Share in Pinterest</ion-label>
  <ion-toggle disabled="{{disablePin}}" (ionChange)="toggle('P')"></ion-toggle>
</ion-item>

<ion-item>
  <ion-label>Share in Instagram</ion-label>
  <ion-toggle disabled="{{disableIns}}" (ionChange)="toggle('I')"></ion-toggle>
</ion-item>
</ion-content>

找到有效的演示here

单击另一个离子键后如何在一段时间内禁用离子键？

1 个答案: