需要在Angular 2中将单个表单拆分为多个组件

问题描述 投票:1回答:1

我有1个较大的表格,其中包含10个部分。我打算将这1个表单拆分成多个组件(嵌套)。

如果我创建嵌套组件,我需要将FormGroup与主组件关联(紧密耦合)。而不是那个在Angular 2/4中我们有任何其他可能的解决方案(我正在寻找松散耦合)。

谢谢

angular2-forms angular2-components angular4-forms
1个回答
1
投票

让父容器保存表单及其表单组,然后将表单传递给子项,以便在子项中使用更少的代码,例如

<child-comp [form]="parentForm"> or
<child-comp [form]="parentForm.controls.myFormGroup">

但是,如果您根本不想传递表单,则只需在子项中创建表单组即可。但是,您必须将数据传递回父级,以便父级可以使用它或将其传递给另一个子级。

父母可以通过多种方式引用孩子来获得其表单组

  • @ViewChild(InfoComponent) private info: InfoComponent;
  • @Output() infoUpdated = new EventEmitter();
  • 共享服务
© www.soinside.com 2019 - 2024. All rights reserved.