如何在Angular中维护两种相同类型的表单？

Question

我有两种形式的字段是相同的，但是具有不同的formControl名称和验证，并像这样去后端。现在，有两种形式的代码完全相同，但是形式和formControl的名称和验证却不同。我可以不用重复使用ng-content之类的代码来做到这一点吗？

Answer 1

您可以使用FormArray完成

请参阅以下链接

https://stackblitz.com/edit/angular-form-array-example

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

Answer 2

创建一个组件并在其中添加表单，您可以通过在贷方和借方交易标签的标签内容中提供选择器来重用它们

<app-form><app-form>

通过这种方式，您可以重复使用相同的表单，也可以在同一表单中创建两个表单组

public transaction: FormGroup;

this.transaction = this.fb.group({
  CreditTransaction: this.createControls(),
  DebitTransaction: this.createControls()
})

 createControls(){
 return this.fb.group({
    // your controls
  })
 }

由于使用的控件相同，因此可以调用一个通用函数并从该函数返回控件