Angular6 - Get Nested FormGroup using name

Question

I have Nested Form Groups

address = new FormGroup({
'com.complex.Address':new FormGroup({
            city: cityControl,
            streetName: streetNameControl,
            houseNumberAddition: houseNumberAdditionControl,
            houseNumber: houseNumberControl,
            postcode: postcodeControl
          })
});

I want to find the nested form group i.e. "com.complex.Address".

I have already tried

this.form.get('address').get('com.complex.Address');

But it always return Null value.

Now If I change the nested formgroup (i.e. 'com.complex.Address') to any other name like "test" and execute this.form.get('address').get('test'); it actually return the value which i want.

But the point is I can not change the nested name and it will contain some of the special character in it.

How can i escape the character and use the form group as i want.?

xrobert35 · Accepted Answer · 2018-09-24 13:13:18Z

4

Looking at the angular code of the .get() it use "." as delimiter to make an array of paths.

I can't see any solution to pass trought it. Anyway you could use :

(<FormGroup>this.form.get('address')).controls['com.complex.Address'];

edited Sep 24, 2018 at 13:13

answered Sep 24, 2018 at 12:59

xrobert35

2,5761 gold badge19 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mohsin Tolat Over a year ago

I already tried it but it shows an error "Property 'controls' does not exist on type 'AbstractControl'."

xrobert35 Over a year ago

Ok see the edited answer. It's was just a type problem. You must specifity that you are sure that you will get a FormGroup

Mohsin Tolat Over a year ago

Yes It Solves the problem Thank You.

Bhumika Barad · Accepted Answer · 2018-09-24 13:09:22Z

0

try like this

 NewForm = this.fb.group({
        relationshipId: this.fb.group({
            code: [null, Validators.required]
        })});

this.NewForm.get('relationshipId').value.code  
this.NewForm.get('relationshipId').get('code').value`

answered Sep 24, 2018 at 13:09

Bhumika Barad

2192 silver badges8 bronze badges

Collectives™ on Stack Overflow

Angular6 - Get Nested FormGroup using name

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related