आयनिक 2 के साथ बटन को अक्षम/सक्षम कैसे करें?

Question

मेरे पास एक इनपुट फ़ील्ड और एक बटन है। यह शुरुआत में अक्षम होना चाहिए। जब इनपुट खाली नहीं होता है, तो बटन सक्षम होता है।

मैं इनपुट के मूल्य को लेने के लिए एक ngModel का उपयोग करता हूं और प्रत्येक बार इनपुट बदलने के दौरान फ़ंक्शन शुरू करने के लिए फ़ंक्शन (परिवर्तन) का उपयोग करता हूं।

अब मैं बदलाव समारोह में थोड़ा सा करता हूं।

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

क्या आपको कोई विचार है कि इसे कैसे प्राप्त किया जाए? बदल रहा है वर्गों के लिए

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

:

isenabled:boolean=false; 

समारोह

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

बदलें HTML में:

धन्यवाद

Answer 1

बस कक्षा में एक बूलियन चर है

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

चेक here