DeborahK/Angular-ReactiveForms

Cannot find control with path: angular2

Closed this issue · 0 comments

I m getting below error when converting formarray of formgroups to html view.

Cannot find control with path: 'categories -> 0'

ts file
private categories : any= [{name: 'Strict',selected : false},
{name: 'Moderate',selected : true},
{name: 'Flexible',selected : true}];

let allCategories: FormArray = new FormArray([]);
for (let i = 0; i < this.categories.length; i++) {
let fg = new FormGroup({});
fg.addControl(this.categories[i].name, new FormControl(this.categories[i].selected))
allCategories.push(fg)
}

form initialization
categories: allCategories,

Html part

{{category.name}}

Thanks in advance