如何使用离子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>

检查here