Dynamic form array validation Angular 2

Question

I am creating dynamic FormGroup and FormArray from the service response, Now I wanted to validate the form array if any one of the input has value else I don't want to validate.

this.billingForm = this._fb.group({
   itemRows: this._fb.array([this.initItemRows()])
});

  initItemRows() {
    return this._fb.group({
      Id: '',
      orgName: '',
      billing: this._fb.array([]),
      payment: this._fb.array([])
    });
  }

which form array you want to validate?

Crappy
– Crappy

2017-12-13 14:28:26 +00:00
Commented Dec 13, 2017 at 14:28 — Crappy
– Crappy, Commented Dec 13, 2017 at 14:28
billing and payment both array

Muthamizhchelvan. V
– Muthamizhchelvan. V

2017-12-13 14:29:24 +00:00
Commented Dec 13, 2017 at 14:29 — Muthamizhchelvan. V
– Muthamizhchelvan. V, Commented Dec 13, 2017 at 14:29

Crappy · Accepted Answer · 2017-12-13 14:49:42Z

2

You could use something like this:

// Subscribe to value changes on FormGroup
this._fb.valueChanges.subscribe(c => {
    // Check empty values
    if (this._fb.controls['Id'].value !== '' && this._fb.controls['orgName'].value !== '') {
        // Set validators
        this._fb.controls['billing'].validator = Validators.required; // You can specify any validator method here
        this._fb.controls['payment'].validator = Validators.required;
    } else {
        this._fb.controls['billing'].validator = null;
        this._fb.controls['payment'].validator = null;
    }
});

You can get more information on custom validators here: Click!

edited Dec 13, 2017 at 14:49

answered Dec 13, 2017 at 14:38

Crappy

4413 silver badges7 bronze badges

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

3 Comments

Muthamizhchelvan. V Over a year ago

you me to use this in constructor or in submit function

Crappy Over a year ago

place this in you components constructor

morriq Over a year ago

But _fb is FormBuilder. shouldn't be billingForm.valueChanges?

Collectives™ on Stack Overflow

Dynamic form array validation Angular 2

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related