javascript - 不使用表单进行验证如果我如何禁用角度按钮字段为空

Question

我正在尝试以角度进行@output，因为我有一个带有按钮的输入字段，我将使用@output（）将输入的字段数据发送给父级如果输入字段为空，我想禁用一个按钮，我该怎么做禁用而不使用表单验证。

我试过这段代码

  <input type="text" [(ngModel)] = "childInput" >
  <button [disabled] ="!childInput.value" (click)="sendToParent()">Send To Parent</button>

但如果输入字段为空，它会一直禁用按钮。

PS我找到了表单验证的答案，但我不想做表单验证或定义布尔变量

score 3 · Accepted Answer

如果您不想使用 ngModel：

<input type="text" #childInput >
<button [disabled]="!childInput.value.length>0" (click)="sendToParent()">Send To Parent</button>

score 0 · Accepted Answer

此代码将起作用

<input type="text" [(ngModel)] = "childInput" >
<button [disabled] ="!childInput" (click)="sendToParent()">Send To Parent</button>

2 回答 2