2017-05-08 5 views
-1

@出力はボタン付きの入力フィールドを持っていますので、入力フィールドのデータを親は@output()を使用して入力フィールドが空の場合はボタンを無効にしたい、フォームの検証を使わないで無効にする方法フォームを使用しないで妥当性検査<input>フィールドが空の場合はどうすればいいですか

私はこのコード

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

を試みたが、入力フィールドが空であるかどうか、それはボタンを無効にし続けています。

PS私は、フォーム検証で答えを見つけましたが、私は フォーム検証したり、ngModelを使用したくない場合はブール変数

+1

に動作しますh "' – Und3rTow

+0

CSS? http://stackoverflow.com/questions/3617020/matching-an-empty-input-box-using-css – mplungjan

+0

あなたの提案のために@ Und3rTowに感謝します。私は問題を解決しました –

答えて

0

このコードはおそらくchildInput.lengt = "![無効]`してみてください

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

を定義してやりたくなかった:

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

私はそれをテストしたし、問題なく動作します。参照変数の使い方は、[link](https://angular.io/docs/ts/latest/guide/user-input.html)で説明されています – Pastafari

+0

私はこのコードを試してみます –

+0

あなたの答えは@Pastafariありがとう –

関連する問題