html - 如何从角度设置表单组数据

Question

我有一个如下的表单组：

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

我能够使用 formgroup setValue 设置数据，但在呈现 HTML 中的值时，未选择该选项。这是 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" 
    selected = "(items$ | async).length ===1">
</div>

这不会选择 HTML 中的第一个输入标签，但在打字稿中表单是有效的。

Answer 1

使用patchValue设置整个表单的值

 this.myform .patchValue({ mydata: 'yourData' });

Answer 2

使用setValue()方法为单个控件设置新值。该setValue()方法严格遵守表单组的结构，并为控件替换整个值。

this.myform.setValue({ mydata: 'yourData' });