Angular2 access value in Form

0
votes

I have a problem getting an id from my form.

this.myForm looks like this @Input() public myForm: FormGroup;

it is a input from another .ts file

this is the structure of the form:
myForm
 - firstname
 - lastname
 - Email
 --Tags (FormArray)
  ---id (FormGroup)

I want to get access to the id and fill this.selectedTagList with all the tags from one user and this is what i'm trying to do:

const control: FormArray = <FormArray>this.myForm.controls[ 'tags' ];
control.controls.forEach(tag=> {
this.selectedTagList.push(this.tagList.find(tag.value.id));
});

if i console.log(this.myForm) i get this structure:
this.myForm

console.log(control.controls), 'controls' from the code above:
enter image description here

but when i do console.log(control.controls.length) i get 0. Or when i do console.log(control.controls[0]) i get undefined.

I have no idea where the FormGroup objects went or why it says Array[0] with 4 FormGroup objects in it.

2
angularangular2-formsangular2-formbuilder
could you add more code, please, like the form creation part, it would be more helpful than a screenshot. – n00dl3
Try the same as John said, what you have is not a number indexed array, but you have a object with named indexes (like associative array). w3schools.com/js/js_arrays.asp Go to "associative array" and "The Difference Between Arrays and Objects" sections in the link over – Famble

2 Answers

0
votes

Try console.log(this.myForm.controls['id']);

0
votes

Try the same as John said, what you have is not a number indexed array, but you have a object with named indexes (like associative array).

In JavaScript, arrays use numbered indexes. In JavaScript, objects use named indexes.Where names indexes is the same as associative array.

For more info see: https://www.w3schools.com/js/js_arrays.asp