如何在Ionic 2中禁用/启用按钮？

Question

我有一个文本输入框和一个按钮，开始时必须禁用。只有输入框不为空时，按钮才可用。

我使用ngModel获取输入框的值，并使用一个函数(change)在每次输入框变化时启动一个函数。

现在，在change函数中添加了一个小的if语句。

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

你有想过如何实现这个吗？

谢谢

- anubis

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>

点击此处查看。

- Suraj Rao

---

它回答了我笨拙提出的问题。但是我如何使用相同的系统添加或删除类？我不需要启用或禁用按钮，而是需要根据上下文将链接设置为蓝色或灰色！ - anubis

模板解析错误： 解析器错误：在列27处预期标识符、关键字或字符串的令牌！，而不是isenabled：disableButton，！isenabled:。 - anubis