web-dev-qa-db-ja.com

ionic 2でボタンを無効/有効にする方法

入力フィールドとボタンがあります。起動時に無効にする必要があります。入力が空白でない場合、ボタンは有効です。

NgModelを使用して入力の値を取得し、関数(変更)を使用して、入力が変更されるたびに関数を開始します。

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

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

あなたはそれを達成する方法を考えていますか?

ありがとう

18
anubis

クラスにブール変数があるだけです:

isenabled:boolean=false;

機能変更

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

Htmlの場合:

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

クラスを変更する場合:

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

チェック こちら

57
Suraj Rao