如何从 angular 设置表单组数据

Question

我有一个如下的表单组：

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

我能够使用 formgroup setValue 设置数据，但在呈现 HTML 中的值时，该选项未被 select 编辑。这是 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>

这不是 select HTML 中的第一个输入标签，但在 typescript 中该表单是有效的。

Answer 1

使用patchValue设置整个表单的值

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

Answer 2

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

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

如何从 angular 设置表单组数据

How to set formgroup data from angular

html

angular

formgroups