web-dev-qa-db-fra.com

Comment activer et désactiver un bouton mat basé sur un formulaire sélectionné

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>
angularangular-material2
8
Cap Baracudas

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.

12
moi_meme

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>
1
Dinesh Kumar

utiliser l'attribut [disabled] avec le bouton

<button class="example-20-width"  [disabled]="true" mat-raised-button disabled>Edit Client</button>
1
Sajeetharan