我有1个较大的表格,其中包含10个部分。我打算将这1个表单拆分成多个组件(嵌套)。
如果我创建嵌套组件,我需要将FormGroup与主组件关联(紧密耦合)。而不是那个在Angular 2/4中我们有任何其他可能的解决方案(我正在寻找松散耦合)。
谢谢
让父容器保存表单及其表单组,然后将表单传递给子项,以便在子项中使用更少的代码,例如
<child-comp [form]="parentForm"> or
<child-comp [form]="parentForm.controls.myFormGroup">
但是,如果您根本不想传递表单,则只需在子项中创建表单组即可。但是,您必须将数据传递回父级,以便父级可以使用它或将其传递给另一个子级。
父母可以通过多种方式引用孩子来获得其表单组
@ViewChild(InfoComponent) private info: InfoComponent;
@Output() infoUpdated = new EventEmitter();