嵌套的形式可能在动态形式中角2而不使用formbuilder
答
嵌套形式的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
是的,这是可能的。你试过什么了? – yurzui
数以百万计的文章围绕Angular2动态表单,只是谷歌他们 – Milad
我知道如何创建动态表单,但我想以动态形式创建嵌套表单 – Krunal