Javascript 基于输入启用按钮-角度/类型脚本

Javascript 基于输入启用按钮-角度/类型脚本,javascript,html,angular,typescript,Javascript,Html,Angular,Typescript,当我填写输入时,我的按钮必须启用。目前它一直处于禁用状态 HTML按钮: <button pButton type="button" class="buttonCSS" [disabled]="buttonDisabled" label="Boeken" id="button" (click)="on_Boek()"></button> 类型脚本按钮已禁用始终为true buttonDisabled = true 很可能是个愚蠢的问题。。但我真的搞不懂。。无论如何,谢

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

HTML按钮:

<button pButton type="button" class="buttonCSS" [disabled]="buttonDisabled" label="Boeken" id="button" (click)="on_Boek()"></button>
类型脚本按钮已禁用始终为true

buttonDisabled = true
很可能是个愚蠢的问题。。但我真的搞不懂。。无论如何,谢谢你。我不允许使用Jquery。

  • onchange
    用于选择,而不是输入
  • (onchange)
    在Angular中不存在(它是
    change
  • (输入)
    可以做到这一点
但最好的解决办法是:

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

通过依赖falsy值,可以将条件

如果
sBoekOmschrijving
字段没有值,则禁用该按钮


正如这里所说的,尝试(ngModelChange)事件谢谢您的帮助,(输入)和[禁用]=“!sBoekOmschrijving”都成功了。另外,我们的老板在项目中使用了(onchange),但您的建议是(change)@Undertaked
onchange
是一个Javascript绑定,如果您使用Angular并希望绑定到组件,请删除“on”:
onclick→ (单击)
一旦更改→ (更改)
。。。
buttonDisabled = true
<button pButton type="button" class="buttonCSS" [disabled]="!sBoekOmschrijving" label="Boeken" id="button" (click)="on_Boek()"></button>
<input type="text" [(ngModel)]="sBoekOmschrijving" pInputText/>