我有这样的表单组
this.PatientInfo = this.fb.group({
PatientID: [0],
Gender: '',
Name:'',
Employer: this.fb.group({
EmployerID: 0,
Name: [''],
EmployerAddresses: this.fb.group({
Address1: [''],
Address2: [''],
CityName: [''],
District: [''],
StateName: [''],
PostalCode: [''],
Country: ['']
})
})
});
我正在像这样绑定(bind)数据
<div class="col-md-3" formGroupName="EmployerAddresses">
<div class="form-group form-group-default">
<label class="control-label">State</label>
<div class="input-group">
<input type="text" class="form-control" formControlName="StateCode">
</div>
</div>
</div>
在顶部,我将表单组保留为 PatientInfo。
这里我收到错误“找不到名称为 EmployerAddresses 的控件”。
你能请任何人帮忙吗?提前致谢。
最佳答案
这段代码解决了我的问题。
this.PatientInfo = this.fb.group({
PatientID: [0],
Gender: '',
Name:'',
Employer: this.fb.group({
EmployerID: 0,
Name: [''],
EmployerAddresses: this.fb.group({
Address1: [''],
Address2: [''],
CityName: [''],
District: [''],
StateName: [''],
StateCode: [''],
PostalCode: [''],
Country: ['']
})
})
});
<div class="col-md-3" formGroupName="Employer">
<div class="form-group form-group-default" formGroupName="EmployerAddresses">
<label class="control-label">State</label>
<div class="input-group">
<input type="text" class="form-control" formControlName="StateCode">
</div>
</div>
</div>
谢谢...
关于angular - Angular 4 中的嵌套表单组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47493631/