angular – 模型驱动/反应表单：从Model到FormGroup的自动映射？

发布时间：2020-12-17 18:06:10 所属栏目：安全来源：网络整理

导读：有没有办法从模型中自动创建FormGroup？如果我有一个具有多个属性的模型：型号：人 firstName: string,lastName: string,street: stringcountry: string.... 我想从中创建一个简单的FormGroup：表格：FormGroup firstName: FormControl,lastName: FormCon

有没有办法从模型中自动创建FormGroup？
如果我有一个具有多个属性的模型：

型号：人

firstName: string,lastName: string,street: string
country: string
....

我想从中创建一个简单的FormGroup：

表格：FormGroup

firstName: FormControl,lastName: FormControl,street: FormControl,country: FormControl
....

对我来说似乎是“脏”的,为模型中的每个属性明确定义FormControl / FormGroup / FormArray：

formBuilder.group({
  firstName: person.firstName,lastName: person.lastName,street: person.street,country: person.country,...
});

每次来自后端的API发生变化时,我都要调整模型和表单映射.
是否有某种生成器可以帮助我自动映射/创建FormGroup？

解决方法

formBuilder.group({});

person.forEach(
        (prop) => {
            formBuilder.addControl(prop,new FormControl(person[prop],Validators.compose([ Validators.required])));
        }
    );

不是一个完整的解决方案,因为验证器肯定会为每个属性进行更改.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!