フォームビルダを使用せずに角度2の動的フォームでネストされたフォームを使用できる

Question

ネストされたフォームは反応的なフォームでは可能ですが、角度2の動的フォームで実装する方法を知らない したがって、 2？

Answer 1

ネストされたフォームへのアンギュラ（2.x +）アプローチは、AngularJS（1.x）と似ていません。

角では、FormGroupとFormArrayはすでにネストされたフォームを作成しています。クラスで

：

fatherForm = new FormGroup({ 

    firstName : new FormControl() 

    childForm: new FormGroup({ 

     aNestedControl : new FormControl() 

    }) 

}) 

は、あなたもgetter Sを作成することにより、クリーンなHTMLでそれを行うことができます。クラスの

<form [formGroup]="fatherForm"> 

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

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

そして

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>