Comment désactiver / activer le bouton avec ionic 2?
J'ai un champ de saisie et un bouton. Il doit être désactivé au démarrage. Lorsque l'entrée n'est pas vide, le bouton est activé.
J'utilise un ngModel pour prendre la valeur de l'entrée et une fonction (change) pour démarrer une fonction chaque fois que l'entrée est modifiée.
Maintenant, je fais un peu si dans la fonction de changement.
if(input !== ''){
//enable the button
}else{
//disable the button
}
Avez-vous une idée de comment y parvenir?
Merci
Il suffit d'avoir une variable booléenne en classe:
isenabled:boolean=false;
Changer de fonction
if(input !== ''){
//enable the button
isenabled=true;
}else{
//disable the button
isenabled=false;
}
En HTML:
<button ion-button [disabled]="!isenabled"></button>
Pour changer de classe:
<button ion-button [ngClass]="{class:isenabled,class2:!isenabled}"></button>
Vérifiez ici