Вы можете использовать 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);
}
}
}
Найти рабочую демонстрацию здесь