Как связать значение по умолчанию в mat-radio-group angular реактивные формы

В моем случае в качестве выбора по умолчанию ему необходимо активировать опцию 01. Он работает с проверенным значением true, но значение не является обязательным с помощью formControlName = "options", оно является обязательным, когда пользователь выбирает любой параметр. если никакие значения параметров выбора пользователя не отображаются как "null".

  <div class="row">
      <mat-radio-group formControlName="options">
        <mat-radio-button checked=true  value="1">Option 01</mat-radio-button>
        <mat-radio-button  value="2">Option 02</mat-radio-button>
      </mat-radio-group>
    </div>

Пожалуйста, помогите мне решить эту проблему. Спасибо.

Ответ 1

Что вы хотите сделать, это удалить checked и вместо этого установить предварительно выбранное значение в formControl, поэтому при создании формы:

constructor(private fb: FormBuilder) { 
  this.myForm = this.fb.group({
    options: ['1']
  })
}

а затем просто удалите атрибут checked:

<mat-radio-group formControlName="options">
  <mat-radio-button value="1">Option 01</mat-radio-button>
  <mat-radio-button  value="2">Option 02</mat-radio-button>
</mat-radio-group>