2017-02-03 14 views
5

私は入力フィールドとボタンを持っています。開始時に無効にする必要があります。ブランクの入力がない場合、ボタンは有効になります。ionic 2の無効/有効化ボタンはどうですか?

入力を変更するたびに関数を開始するために、ngModelを使用して入力値と関数(変更)を取得します。

変更機能の場合は少しします。

if(input !== ''){ 
//enable the button 
}else{ 
//disable the button 
} 

これを達成する方法はありますか。

おかげ

答えて

30

だけクラスにブール変数を持っている:

isenabled:boolean=false; 

変更機能HTMLで

if(input !== ''){ 
//enable the button 
isenabled=true; 
}else{ 
//disable the button 
isenabled=false; 
} 

:変更クラスの場合

<button ion-button [disabled]="!isenabled"></button> 

<button ion-button [ngClass]="{class:isenabled,class2:!isenabled}"></button> 

チェックhere

+0

それは不器用に頼まれた、私の質問に答えます。しかし、同じシステムを使用してクラスを追加または削除するにはどうすればよいですか?私は、ボタンを有効または無効にする必要はありませんが、コンテキストに関連して青いouの灰色のリンクがあります! – anubis

+0

ok..updating答え.. –

+0

テンプレートの解析エラー: パーサーエラー:!予期しないトークン、[{ISENABLEDの列27で期待識別子、キーワード、または文字列:!disableButtonは、ISENABLED: – anubis

関連する問題