如何使用 ionic 2 禁用/启用按钮？

Posted 2023-02-22

【中文标题】如何使用 ionic 2 禁用/启用按钮？

【英文标题】：How disable/enable button with ionic 2?

【发布时间】：2017-06-20 21:15:41

【问题描述】：

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

我使用一个 ngModel 来获取输入的值，并在每次输入更改时使用一个函数（更改）来启动一个函数。

现在我在 change 函数中做了一点。

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

你知道如何实现吗？

谢谢

【参考方案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

【讨论】：

它回答了我笨拙地提出的问题。但是如何使用相同的系统添加或删除一个类？我不需要启用或禁用按钮，但有一个关于上下文的蓝色或灰色链接！

模板解析错误：解析器错误：在 [isenabled: disableButton,!isenabled:

中的第 27 列出现意外的标记！、预期的标识符、关键字或字符串