Как отключить ионное переключение на некоторое время после нажатия другого ионного переключателя? - PullRequest
0 голосов
/ 09 февраля 2019

У меня в приложении Ionic два ионных переключателя.Мне нужно отключить ионный переключатель в течение 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>

1 Ответ

0 голосов
/ 09 февраля 2019

Вы можете использовать disabled свойство и ionChange событие ion-toggle для достижения того, что вам нужно.

HTML

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

TS

export class HomePage {

  disablePin: boolean = false;
  disableIns: boolean = false;

  constructor() {}

  toggle(type): void {

    if (type === 'I') {
      this.disablePin = true;

      setTimeout(() => {
        this.disablePin = false;
      }, 5000);
    }
    if (type === 'P') {
      this.disableIns = true;
      setTimeout(() => {
        this.disableIns = false;
      }, 5000);
    }
  }
}

Найти рабочую демонстрацию здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...