射击禁用按钮

事件我要上禁用按钮射击禁用按钮

<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;以提供视觉效果，并禁止任何事件触发。

所以，如果你想使一个按钮，看起来像残疾人，你应该创建一个类

.disabled {opacity: 0.4;}

要不然你可以用一个div包裹按钮，并贴在其click事件：

<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

射击禁用按钮

回答

相关问题