розжига событие на кнопку инвалидов

Я хочу сгореть событие на кнопку инвалидоврозжига событие на кнопку инвалидов

<button ion-button icon-only [disabled]="!isConnected" (click)="openModal()" (disabledClick)="showErrMsg()" shortVibrateOnTap> 
    <ion-icon ios="ios-swap" md="ios-swap"></ion-icon> 
    </button>

и если это не представляется возможным, как я стиль кнопки, как он отключен?

источник

2016-10-17 sami_analyst

Отключенный класс ионных наборов opacity: 0.4; на отключенных кнопках, которые дают визуальный эффект, и pointer-events: none;, который предотвращает любые события от стрельбы.

Так что, если вы хотите сделать кнопку выглядеть отключена, вы должны создать класс

.disabled {opacity: 0.4;}

Или же вы можете обернуть кнопку с DIV и прикрепить событие щелчка на нем:

<div (click)="showErrMsg()"> 
    <button ion-button icon-only [disabled]="!isConnected" (click)="openModal()" shortVibrateOnTap> 
     <ion-icon ios="ios-swap" md="ios-swap"></ion-icon> 
    </button> 
</div>

в вашей showErrMsg функции сделать код для запуска только тогда, когда !isConnected

источник

2016-10-18 01:42:39 Akis

Я использовал свойство связывания для ее решения.

<button ion-button icon-only [style.opacity]="DISABLED_CHECK ? 0.4 : 1" (click)="openModal()" shortVibrateOnTap> 
    <ion-icon ios="ios-swap" md="ios-swap"></ion-icon> 
</button>

или пользовательских disabeld класса

<button ion-button icon-only [class.disabled]="DISABLED_CHECK" (click)="openModal()" shortVibrateOnTap> 
    <ion-icon ios="ios-swap" md="ios-swap"></ion-icon> 
</button>

И в моей openModal функции обратного вызова я использую соответствующую стратегию.

источник

2016-10-18 12:03:43

розжига событие на кнопку инвалидов

ответ

Смежные вопросы