在不使用表单生成器的情况下，角度 2 中的动态表单是否可以嵌套表单

Question

嵌套形式可能是反应形式，但我不知道如何以角度 2 的动态形式实现它 那么是否有可能以角度 2 的动态形式出现？

Answer 1

Angular (2.x+) 的嵌套表单方法与 AngularJS (1.x) 不同。

在 Angular 中，FormGroups 和 FormArrays 已经允许您创建嵌套表单。

<form [formGroup]="fatherForm">

   <input [formControl]='fatherForm.get('firstName')'>

   <form  [formGroup]="fatherForm.get('childForm')">
       <input [formControl]='fatherForm.get('childForm.aNestedControl')'>
   </form>
</form>

然后在课堂上：

fatherForm = new FormGroup({

    firstName : new FormControl()

    childForm: new FormGroup({

        aNestedControl : new FormControl()

    })

})

您甚至可以通过创建getters 使其在 html 中更简洁：

在课堂上：

   get childForm(){
       return this.fatherForm.get('childForm')

   }

然后在 html 中：

<form [formGroup]="fatherForm">

   <input [formControl]='fatherForm.get('firstName')'>

   <form  [formGroup]="childForm">
       <input [formControl]='childForm.get('aNestedControl')'>
   </form>
</form>