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

Question

我有两个表单，哪些字段相同，但具有不同的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
  })
 }

因为您使用相同的控件，您可以调用一个公共函数并从该函数返回控件