Radio buttons not showing at first page load

Issue

Have you any idea why the radio buttons are not showing when the page loads? I am using angular material mat-radio-buttons.

CODE

Solution

You've added formControlName to both mat-radio-group and mat-radio-button elements, while it should only be added to the mat-radio-group:

<mat-radio-group
  aria-labelledby="example-radio-group-label"
  class="example-radio-group"
  formControlName="seasonsForm"
>
  <mat-radio-button
    class="example-radio-button"
    *ngFor="let season of seasons"
    [value]="season"
  >
    {{ season }}
  </mat-radio-button>
</mat-radio-group>

StackBlitz

Answered By - skink