J'ai ce code HTML qui fonctionne bien: ma question est comment puis-je modifier la classe = "bouton de bouton-bouton-bouton-bouton-bouton-bouton-bleu-bleu" en classe = "style bouton Bouton-Bouton Standard-Grey "Quand HASUNSAVEDNOTES () renvoie false? Ou simplement comment puis-je modifier la couleur du bouton arrière lorsque c'est désactivé? Merci.
3 Réponses :
[ngclass] = "{" bleu-bleu ": Hasunsavednotes (), 'Button-Grey' :! Hasunsavednotes ()}"
Comment puis-je implémenter votre suggestion avec [ngclass] = "{'désactivé' :! Hasunsavednotes ()}"
ngclass prend un objet, séparez simplement la valeur avec une virgule comme je l'ai fait ci-dessus
Ce n'est peut-être pas le meilleur moyen, mais cette solution a fonctionné:
<button *ngIf="hasUnsavedNotes() else disable_button"
class="button-style standard-button button-blue"
(click)="onOkClick()"
[ngClass]="{'disabled': !hasUnsavedNotes()}"
[disabled]="!hasUnsavedNotes()">
Save and close
</button>
<ng-template #disable_button>
<button class="button-style standard-button button-disabled"
(click)="onOkClick()"
[ngClass]="{'disabled': !hasUnsavedNotes()}"
[disabled]="!hasUnsavedNotes()">
Save and close
</button>
</ng-template>
Vous pouvez simplement faire ce petit réglage: [classe.button-bleu] = "! HASNSAVEDNOTES ()" va ajouter [classe.button-gris] = "Hasunsavednotes ()" Vous pouvez supprimer la directive [désactivée] si vous le souhaitez . Voici une liste utile de "astuces" à utiliser en angulaire: Feuille de triche angulaire < / a> bouton-bouton-bleu CSS Classe lorsque ! Hasunsavednotes () retourne true et supprimera cette classe lorsque ! HASNSAVEDNOTES () renvoie false . Est la même chose pour:
Merci beaucoup plus simple que mon approche ci-dessous. Une idée de la manière dont je peux changer le curseur d'une main vers la valeur par défaut lorsque le bouton est désactivé?
Vous pouvez le styler avec CSS 3.0 : Sélecteur d'état Désactivé Statut, comme celui-ci: .My-BTN: désactivé {curseur: par défaut}