Esta es mi forma de componente:
<div class="col-3 col-sm-3 col-md-3 mb-2"> <mat-radio-group aria-label="Select an option" formControlName="gender"> <mat-radio-button [value]="true" [checked]="false" name="male">Male</mat-radio-button> <mat-radio-button [value]="false" [checked]="false" name="famale">Famale</mat-radio-button> </mat-radio-group> <mat-radio-group aria-label="Select an option" formControlName="name"> <mat-radio-button [value]="false" [checked]="false" name="benjamin">Benjamin</mat-radio-button> <mat-radio-button [value]="true" [checked]="false" name="sarah">Sarah</mat-radio-button> </mat-radio-group> </div>Quiero lograr algo como esto:
es decir, si selecciono el género, el nombre que hace referencia al género actualmente seleccionado debe seleccionarse automáticamente.
<div class="col-3 col-sm-3 col-md-3 mb-2"> <mat-radio-group aria-label="Select an option" formControlName="gender"> <mat-radio-button [value]="true" [checked]="false" name="male">Male</mat-radio-button> <mat-radio-button [value]="false" [checked]="false" name="famale">Famale</mat-radio-button> </mat-radio-group> <mat-radio-group aria-label="Select an option" formControlName="name"> <mat-radio-button [value]="true" [checked]="form.controls['gender'].value === true" name="benjamin">Benjamin</mat-radio-button> <mat-radio-button [value]="false" [checked]="form.controls['gender'].value === false" name="sarah">Sarah</mat-radio-button> </mat-radio-group> </div>