CODEWITHSUNDEEP
angularformsradio-buttonreactiveradio-group
Mohan V
Mohan V

Reputation: 1

Angular 14 reactive forms mat radio button group not working as expected

I am using an reactive form in angular Version 14 which has a radio button below is the code provided for the radio button group used i have a mat radion button group in my form

<div *ngSwitchCase="'radiobutton'">
  <div *ngIf="shouldRenderChildControl(controlName,item,property)">
    <div *ngIf="item.title === 'Contact Number Type'; else otherContent">
      <div *ngFor="let element of item?.data">
        <span *ngIf="CheckIfChildFormControlReq(controlName, item.name)"
          >*</span
        >
        <mat-form-field>
          <label>{{ item.name }}</label>
          <mat-radio-group [formControlName]="item.name">
            <mat-radio-button
              *ngFor="let option of item.data"
              [value]="option.id"
            >
              {{ option.name }}
            </mat-radio-button>
          </mat-radio-group>
        </mat-form-field>
      </div>
    </div>
    <ng-template #otherContent> </ng-template>
  </div>
</div>

The above radio button group isn't responding on select click, and also The UI is getting struck

Upvotes: 0

Views: 83

Answers (0)

Related Questions