J'ai le groupe radio le plus simple possible implémenté dans Angular Material. Ce groupe existe depuis sa création en Angular 2. L'application vient d'être mise à niveau vers Angular 9.

     <mat-radio-group [(ngModel)]="choice" class="btn-group">
        <mat-radio-button value="1" color="primary">Choice 1</mat-radio-button>
        <mat-radio-button value="2" color="primary">Choice 2</mat-radio-button>
        <mat-radio-button value="3" color="primary">choice 3</mat-radio-button>
     </mat-radio-group>

La valeur de choix n'est jamais nulle. Mais lorsque la vue est initialement rendue, aucun bouton n'est sélectionné. Comment puis-je faire en sorte que la vue affiche le bouton sélectionné lors du premier rendu?

0
pthalacker 25 août 2020 à 22:32

2 réponses

Meilleure réponse

Vous définissez la valeur de choix dans le fichier .ts, celui que vous souhaitez conserver sélectionné par défaut.

choice:string = 2 + "";

StackBlitz

0
Shabbir Dhangot 27 août 2020 à 06:29

Utilisez la fonction [cochée].

<mat-radio-button [checked]="true"</mat-radio-button>
0
jquijano 25 août 2020 à 19:42