FormArray : Steuerelement mit nicht angegebenem Namensattribut in angle6 . nicht gefunden

Blog

FormArray : Steuerelement mit nicht angegebenem Namensattribut in angle6 . nicht gefunden

FormArray : Steuerelement mit nicht angegebenem Namensattribut in angle6 . nicht gefunden

Ich habe ein Formular mit dem Reaktiv- und Präsentationsformular erstellt. Wenn ich die Felder für das Übermittlungsformular aufrufe, bekomme ich den Fehler.

dieser Fehler:

Steuerelement mit nicht angegebenem Namensattribut kann nicht gefunden werden
this.addProductFG=this.fb.group({ productTitle:['',Validators.compose([Validators.required])], productName:['',Validators.compose([Validators.required])], color:['',Validators.compose([Validators.required])], productImageName:['',Validators.compose([Validators.required])], price:['',Validators.compose([Validators.required])], gurantyMonth:['',Validators.compose([Validators.required])], gurantyCompanyName:['',Validators.compose([Validators.required])], values:this.valueIngrident }) return this.addProductFG;

}
public ChangeSubCat(id:number){
this.loading=true;
this.catService.GetSubCatByCatId(id).subscribe(
res => {
this.subCats=res;
this.loading=false;
}
)
}

public ChangeFormByType(id:number){
this.loading=true;
this.productService.GetPCIBySubId(id).subscribe(
res => {
this.PD=res,
this.CreateValueFiled(this.PD),
this.loading=false;
}
)
}

und im HTML-Format:

 addProductFG:FormGroup; cats:Category[]; subCats:Category[]; PD:Productdetail[]; selectedCat:number; valueIngrident=new FormArray([]); public loading=false; 

constructor(private fb:FormBuilder,private productService:ProductinfoService,private catService:CategoryService) { }

ngOnInit() {
this.loading=true;
this.InitialFrom();
this.GetMainCat();
}

public CreateValueFiled(PD:Productdetail[]){
PD.map(element => {
this.valueIngrident.push(
new FormGroup({
infoId:new FormControl( element.id ),
value:new FormControl(‘’)
})
)
});
}

public GetMainCat(){
this.catService.GetMainCat().subscribe(
res=>{
this.cats=res;
this.loading=false;
}
)
}

get ValueFormControl(){
return this.addProductFG.get(‘values’) as FormArray;
}

public InitialFrom():FormGroup{

|_+_|

Und das ist mein Beispielcode in stackblitz Demo

Was ist das Problem ? Wie kann ich dieses Problem lösen?

#javascript #eckig #typescript #forms