Javascript 如果字段为空，在不使用表单进行验证的情况下，如何禁用angular中的按钮

我正在尝试以角度执行@output，因为我有一个带有按钮的输入字段，我将使用@output将输入的字段数据发送给父级。如果输入字段为空，如何在不使用表单验证的情况下禁用该按钮

我试过这个密码

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

但是，如果输入字段为空或不为空，它将保持禁用按钮

另外，我用表单验证找到了答案，但我不想用 表单验证或定义bool变量

---

如果您不想使用ngModel：

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

此代码将起作用

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

---

或许可以尝试[禁用]=！childInput.lengthCSS？谢谢@Und3rTow的建议我已经解决了问题谢谢@mplungjan的建议我已经解决了问题我已经测试过了，对我来说它可以正常工作。参考变量的用法在本文中有解释，但如果我使用>10或0以外的任何值，它就会停止工作。