在使用 FormGroup 时,需要将表单控件的值作为参数传递给 FormGroup 的构造函数。但是,在使用 Partial 类型作为参数传递时,会出现类型不兼容的问题。为了解决这个问题,可以使用 Object.assign() 方法将控件的值与空对象合并,将得到的合并对象作为参数传递给 FormGroup 的构造函数。
示例代码:
import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent {
public myForm: FormGroup;
constructor() {
this.myForm = new FormGroup(
Object.assign({
name: new FormControl(),
age: new FormControl(),
address: new FormControl()
}, {})
);
}
}