Reactive Forms Angular - Cannot read property 'group' of undefined

Question

Not similar to https://stackoverflow.com/questions/52235952/cannot-read-property-of-undefined-reactive-forms

StackBlitz - https://stackblitz.com/edit/github-rbjwcd-wtrevw

Having issues with the above demo. I am trying to get the form builder to work with models as per the example. The issue is with the .group property.

contactForm: FormGroup;

  createFormGroupWithBuilderAndModel(formBuilder: FormBuilder) {
    return this.formBuilder.group({
      personalData: formBuilder.group(new PersonalData()),
      requestType: '',
      text: ''
    });
  }

I think the issue might be not initialising the form on the return like:

this.contactForm = this.formBuilder.group

Can anybody get this to run?

In constructor this.contactForm = this.createFormGroupWithBuilderAndModel(this.formBuilder); — Lia
– Lia, Commented Oct 8, 2019 at 13:17
Any reason you're passing formBuilder into createFormGroupWithBuilderAndModel rather than using this.formBuilder directly? (I assume it's me missing something) — Andrew Allen
– Andrew Allen, Commented Oct 8, 2019 at 13:22

zerocewl · Accepted Answer · 2019-10-08 13:20:03Z

4

Fixing your stackblitz...

 constructor(private formBuilder: FormBuilder) {
    this.contactForm = this.createFormGroupWithBuilderAndModel(formBuilder);
  }

answered Oct 8, 2019 at 13:20

zerocewl

12.9k8 gold badges34 silver badges58 bronze badges

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

1 Comment

zerocewl Over a year ago

Np, glad to help you. Maybe check stackoverflow.com/help/someone-answers ;-)

Collectives™ on Stack Overflow

Reactive Forms Angular - Cannot read property 'group' of undefined

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related