Este es mi botón mat:
<button class="example-20-width" mat-raised-button disabled>Edit Client</button>¿Cómo puedo controlarlo y desactivarlo o no en función de si un formulario de selección es de entrada o no?
Aquí está mi formulario de campo:
<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 observa Demostraciones de material angular (botón) , que es una versión anterior de la demostración de material angular, hay un botón que realiza esto.
Esta demostración solía corresponder (ahora está desactualizada) a la demostración en la página de Angular GitHub, consulte: github.com - Angular Material - src/demo-app/button .
Simplemente puede usar:
<button mat-button [disabled]="isDisabled"> donde isDisabled es una definición booleana en su componente.
usar el atributo [deshabilitado] con el botón
<button class="example-20-width" [disabled]="true" mat-raised-button disabled>Edit Client</button>Usar atributo [deshabilitado]
archivo ts
review_btn=true;archivo html
<button mat-raised-button [disabled]="review_btn" color="primary" mat-button (click)="reviewCreate()">Save</button>