İyonik 2 ile nasıl devre dışı/etkinleştir düğmesi?

Question

Giriş alanım ve bir düğmem var. Başlangıçta devre dışı bırakılmalıdır. Boş olmayan giriş olduğunda, düğme etkinleştirilir.

Girişin değerini almak için bir ngModel ve her girişinde bir işlev başlatmak için bir işlev (değişiklik) kullanıyorum.

Şimdi, eğer değiştirme işlevinde biraz var.

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

Bunu nasıl başaracağınız hakkında bir fikrin var mı? Değişen sınıflar için

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

: Html

isenabled:boolean=false; 

değiştirme fonksiyonu

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

:

Teşekkür

Answer 1

Sadece sınıfta bir boolean değişkeni var

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

Kontrol here