直接初始化后扩展现有的FormBuilder.group,而不是一一添加FormControl

时间:2018-12-21 12:19:02

标签: angular typescript angular7 angular-forms formgroups

我在Angular 7中使用反应式。 我正在创建用于用户个人资料编辑的子组件。 我有多个角色明智的用户页面。 在所有这些页面中,用户配置文件字段都是通用的。 因此,我创建了用户配置文件组件,其中有一个输入参数FormGroup:

constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      test: ['', Validators.required]
    });
}

<user-profile [formGroup]="myForm" [submitted]="submitted"></user-profile>

现在,我想扩展输入FromGroup以添加用户配置文件字段。例如,我想从子组件中扩展/添加传入/输入FormGroup,如下所示:

.group({
  username: ["", Validators.required],
  email:["", Validators.required],
});

有人可以建议我该怎么做吗?

我的子组件中有20多个字段。所以我不想一一添加FormControl。有什么方法可以在现有的表单组

中扩展如下所示的JSON
{
      username: ["", Validators.required],
      email:["", Validators.required],
}

0 个答案:

没有答案