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' });

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

2 个答案: