Ceci est mon bouton mat:
<button class="example-20-width" mat-raised-button disabled>Edit Client</button>
Comment puis-je le contrôler et le rendre désactivé ou non en fonction du type de formulaire sélectionné ou non?
Voici mon formulaire de terrain:
<mat-form-field class="example-full-width">
<mat-select placeholder="Select customer">
<mat-option *ngFor="let food of books.data"
[value]="food.company">
{{food.company}}
</mat-option>
<mat-option >
</mat-option>
</mat-select>
</mat-form-field>
si vous regardez Démonstrations de matériaux angulaires (bouton) qui est une version plus ancienne de la démo de metrail angulaire, un bouton exécute cette opération.
Cette démo correspond (autrefois, elle est obsolète) à la démo de andgulr github. voir: github.com - Matériel angulaire - src/demo-app/button
vous pouvez simplement utiliser:
<button mat-button [disabled]="isDisabled">
où isDisabled est une définition booléenne dans votre composant.
Utiliser l'attribut [disabled]
fichier ts
review_btn=true;
fichier html
<button mat-raised-button [disabled]="review_btn" color="primary" mat-button (click)="reviewCreate()">Save</button>
utiliser l'attribut [disabled] avec le bouton
<button class="example-20-width" [disabled]="true" mat-raised-button disabled>Edit Client</button>