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

在这里查看