嵌套的形式可能在动态形式中角2而不使用formbuilder

问题描述:

嵌套形式是可能的反应形式,但我不知道如何实现动态形式在角2 所以有可能在角动态形式2?嵌套的形式可能在动态形式中角2而不使用formbuilder

+1

是的,这是可能的。你试过什么了? – yurzui

+1

数以百万计的文章围绕Angular2动态表单,只是谷歌他们 – Milad

+0

我知道如何创建动态表单,但我想以动态形式创建嵌套表单 – Krunal

嵌套形式的Angular(2.x +)方法与AngularJS(1.x)不相似。

在Angular中,FormGroup s和FormArray s已经让您创建嵌套表单。

<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() 

    }) 

}) 

你甚至可以通过创建getter那么,我们就在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> 
+0

我很困惑,但我会尝试和确认 – Krunal