是否可以使用相同的键但作为不同的实例复制 [​​=10=] 2 Form？

Question

在我们的项目中，我们有具有特定字段 ID（例如日期、宽度、高度）的表单。此表单在单击按钮时可见。我想要的是每次单击此按钮时都有新表格。因此，在最终视图中，我将有例如 5 个表单（单击按钮 5 次），但具有相同的键（日期、witdh、高度），其中每个键对于每个表单都应具有不同的值。

之后，我可以在输入时提交每个表单并将每个表单验证为独立实例，只有专用于特定表单实例的键值吗？

感谢您的想法和回复。

Answer 1

当然可以。你只需要一个 FormArray 并且在里面你会有多个相同的 FormGroup.

https://angular.io/api/forms/FormArray

this.arr = new FormArray([
   new FormGroup(this.makeFormGroup()),
]);

并在按下按钮时添加一个新的 formGroup：

this.arr.push(this.makeFormGroup());

使用 https://angular.io/api/forms/FormBuilder;

可能会更容易

Answer 2

您可能只想声明每个具有不同 formGroup 名称和 ngSubmit 的表单

<form [formGroup]="complexForm" (ngSubmit)="example()">

                        <button type="submit" class="btn" [disabled]="!complexForm.valid">Save</button>
</form>

as you can return number of forms