Установить значение Select для HTML, используя форму группы

Question

На основе данных Json я должен выполнить выбор радиокнопок, из которых может быть выбрана только одна.

JSONDATA = Observable.of ({items: [itemId: 1, itemId: 2, itemId: 3]})

Formgroup выглядит следующим образом, состоящий из выбранных пользователем itemId:

 this.myform = this.fb.group({
      mydata: ''
    });

Итерированный HTML-код выглядит следующим образом:

 <div *ngFor="let item of (items$ | async); index as i; first as first">
            <input type="radio" id="{{item.itemId}}" name="test" value="{{item.itemId}}"  [formControl]="myform.controls.mydata" >
    </div>

В конкретном сценарии существует требование, что если в данных json есть только один itemId, то необходимо предварительно выбрать переключатель, и форма должна быть автоматически установлена ​​с этим значением, и форма получит значение VALID.

Мне удалось установить данные с помощью formgroup setValue, используя:

this.myform.setValue(mydata , 1)

Но в этом случае состояние формы меняется на допустимое, но в HTML переключатель не был выбран. Так что я попытался добиться этого с помощью добавления выбранных к переключателю

Но это также дает ошибку при разборе шаблона.

Поэтому я хочу, чтобы переключатель был предварительно выбран, если в массиве есть только один элемент.