web-dev-qa-db-fra.com

Comment rendre mat-icon désactivé en angulaire?

Ici, j'ai plusieurs icônes de mat, supprimez l'icône de mat nommée que je veux désactiver. J'utilise des propriétés désactivées sur cela, mais cela donne une erreur comme (Ne peut pas se lier à 'désactivé' car ce n'est pas une propriété connue de 'mat- icône ') alors comment afficher une icône de tapis particulière désactivée dans angular 6?

<mat-icon color="warn" style="cursor: pointer;" [disabled]="payloadArray.enabled != 'true' ">delete</mat-icon>
<mat-icon color="warn" style="cursor: pointer;">person_add</mat-icon>
angularangular-material
9
DDD

Utilisation mat-icon à l'intérieur de la balise du bouton et vous pouvez ensuite utiliser désactivé

Essaye ça,

<button mat-icon-button [disabled]="payloadArray.enabled != 'true' " color="primary" >
   <mat-icon color="warn" style="cursor: pointer;" >delete</mat-icon>
</button>
5
Aniket Avhad

Utilisez la directive ngClass pour ajouter désactiver

<mat-icon color="warn" [ngClass]="{'disable':payloadArray.enabled !== true}(click)="onClick()">delete</mat-icon>

Exemple: https://stackblitz.com/edit/angular-4jdvc9

1
Chellappan

tout est post mais qu'en est-il de deux tapis-icône?

<mat-icon *ngIf="payloadArray.enabled == 'true'" 
  color="warn" style="cursor: pointer;">
    delete
</mat-icon>
<mat-icon *ngIf="payloadArray.enabled != 'true'" 
  "color="warn" style="opacity:.5">
    delete
</mat-icon>
0
Eliseo