如何解决RROR 错误:找不到路径控制:'IncomeList -> 验证'
我正在使用 Angular 10 创建动态反应式表单,它具有嵌套结构,当我尝试将表单绑定到模板时,出现以下错误
**The main form has below structure
main form --> formArray--> formGroup --> controls/FormGroup
How do I bind this nested structure in HTML form?**
>its a dynamic form
```buildForms() {
const incomeList: FormArray = this.fb.array([]);
this.declaredFinancialInfo.Income.forEach((item: Income2,index: number) => {
incomeList.push(this.createIncomeForm(item,this.verifiedFinancialInfo.Income[index]));
});
this.applicantForm = this.fb.group({
DeclaredAnnualIncome: new
FormControl(this.verifiedFinancialInfo?.DeclaredAnnualIncome || null,[]),IncomeList: incomeList,});
createIncomeForm(declared: Income2,verified: Income2): FormGroup {
const incomeForm = this.fb.group({});
const verifiedIncomeForm = this.fb.group({});
for (let key in verified) {
if (key === 'Source') {
verifiedIncomeForm.addControl(key,new FormControl(verified[key] || '',[Validators.required]));
} else if (key === 'OfficialMnthIncome') {
verifiedIncomeForm.addControl(key,new FormControl(verified[key] || null,[Validators.required]));
} else if (key === 'GreyMnthIncome') {
verifiedIncomeForm.addControl(key,[]));
} else if (key === 'MaternityEndDate') {
verifiedIncomeForm.addControl(key,new FormControl(verified[key] || new
Date(),[]));
} else if (key === 'BusinessIncome') {
} else {
verifiedIncomeForm.addControl(key,new FormControl(verified[key]));
}
}
incomeForm.addControl('verified',verifiedIncomeForm);
return incomeForm;
}
```
<form [formGroup]="applicantForm">
<div *ngFor="let alias of incomeLIstArray.controls; let i=index">
<div formArrayName="IncomeList">
<div class="form-group" *ngFor="let _verified of alias?.controls?.verified?.controls | keyvalue; let i = index;">
<div formGroupName="verified">
{{ _verified.key }}
<select class="form-control"
[ngClass]="{'submitted': isSubmit}" formControlName="{{_verified.key}}" name="{{_verified.key}}">
<option value="">-{{'lbl_SelectOption' | translate}}</option>
<option *ngFor="let item of dropdowns?.CB_IncomeSource?.Item;"
[value]="item.Value">{{item.Description}}</option>
</select>
</div>
</div>
</div>
</div>
</form>```
上面的代码抛出下面的错误 core.js:4442 错误错误:找不到路径控制:'IncomeList -> 验证' core.js:4442 错误错误:找不到路径控制:'收入清单 -> 验证 -> 货币'
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。