ohne Formular für die Validierung Wie kann ich eine Schaltfläche in eckigen, wenn Feld ist leer

Question

Ich versuche zu tun @ output in Winkel für das ich ein Eingabefeld mit einer Schaltfläche habe, werde ich Eingabe Felddaten zu senden Elternteil mit @output() Ich möchte eine Schaltfläche deaktivieren, wenn das Eingabefeld leer ist, Wie kann ich ohne Formularvalidierung deaktivieren.

habe ich versucht, diesen Code

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

aber es hält den Knopf, wenn das Eingabefeld leer ist oder nicht deaktiviert.

PS fand ich Antwort mit Formularvalidierung, aber ich wollte nicht mit Formularvalidierung oder definieren eine Bool Variable

Answer 1

wird dieser Code

arbeiten

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

Answer 2

tun Wenn Sie ngModel nicht verwenden möchten:

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