如何使用离子2禁用/启用按钮？

Question

我有一个输入字段和一个按钮.它必须在启动时禁用.当输入无空白时,按钮启用.

我使用ngModel获取输入的值,并使用函数(更改)在每次更改输入时启动函数.

现在我在改变功能中做了一点.

if(input !== ''){
//enable the button
}else{
//disable the button
}

你知道如何实现这个目标吗？

谢谢

Answer 1

在类中只有一个布尔变量:

isenabled:boolean=false;

改变功能

if(input !== ''){
//enable the button
isenabled=true; 
}else{
//disable the button
isenabled=false;
}

在Html中:

<button ion-button [disabled]="!isenabled"></button>

更改课程:

<button ion-button [ngClass]="{class:isenabled,class2:!isenabled}"></button>

点击这里