使用表单组设置HTML的选择值

Question

根据Json Data，我必须迭代选择一个单选按钮，从中只能选择一个。

JSONDATA = Observable.of（{     项目：[     itemId：1，     itemId：2，     itemId：3     ]}）

表单组如下所示，其中包括用户选择的itemId：

PATH

迭代的HTML如下：

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

在特定情况下，如果json数据中仅包含一个itemId，则必须预先选择单选按钮，并应使用该值自动设置表单，并且表单将变为有效。

我能够使用以下形式通过formgroup setValue设置数据：

 <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>

但是在这种情况下，表单状态更改为有效，但是在HTML中，未选中单选按钮。所以我试图通过将选中的内容附加到单选按钮来实现这一点

                         

但这也会给模板解析带来错误。

因此，基本上，如果数组只有一项，我希望预选单选按钮。