根据输入启用按钮-角度/打字稿

Question

当我填写输入内容时，必须启用我的按钮。目前，它一直处于禁用状态。

HTML按钮：

<button pButton type="button" class="buttonCSS" [disabled]="buttonDisabled" label="Boeken" id="button" (click)="on_Boek()"></button>

HTML输入

<input type="text" [(ngModel)]="sBoekOmschrijving" (onchange)="on_ChangeInput()" pInputText/>

TypeScript函数

on_ChangeInput()
{
 this.buttonDisabled = false 
}

禁用打字稿按钮始终为true

buttonDisabled = true

最有可能是一个愚蠢的问题..但是我真的不明白..无论如何，谢谢。我不允许使用Jquery。

Answer 1

• onchange用于选择，而非输入
• (onchange)在Angular中不存在（change）
• (input)可以解决问题

但是最好的解决方案是：

<button pButton type="button" class="buttonCSS" [disabled]="!sBoekOmschrijving" label="Boeken" id="button" (click)="on_Boek()"></button>
<input type="text" [(ngModel)]="sBoekOmschrijving" pInputText/>

依靠虚假的值，您放置条件

  

如果sBoekOmschrijving字段没有值，请禁用该按钮