根据输入启用按钮 - Angular/Typescript

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/>

打字稿功能

on_ChangeInput()
{
 this.buttonDisabled = false 
}

禁用打字稿按钮始终为真

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字段没有值，则禁用该按钮