Angularjs 2/4 Form validation with Complex formbuilder

Question

I am building a form with complex FormBuilder.

this.myForm = this._fb.group({
        name: ['', [Validators.required, Validators.minLength(5)]],
        addresses: this._fb.group({
          street: ['pp', Validators.required],
          state: {
            city: ['New York']
          },
          postcode: ['']
        })
});

In a nested form, I have a field with can update city. How can I use formControlName for it.

Plunkr

AVJT82 · Accepted Answer · 2017-05-12 13:43:25Z

3

You just make state as a formGroup, and inside that the form control city:

    this.myForm = this._fb.group({
        name: ['', [Validators.required, Validators.minLength(5)]],
        addresses: this._fb.group({
          street: ['pp', Validators.required],
          state: this._fb.group({
            city: ['New York']
          }),
          postcode: ['']
        })
    });

template:

<div formGroupName="state">
  <input formControlName="city"/>
</div>

Your forked

Plunker

answered May 12, 2017 at 13:43

AVJT82

73.6k25 gold badges146 silver badges170 bronze badges

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

Collectives™ on Stack Overflow

Angularjs 2/4 Form validation with Complex formbuilder

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related