Add Validation To FormArray doesn't get triggered

Question

I have created a validator this way:

static repeatedPerson(): ValidatorFn {
return (array: FormArray) => {
  if (array && array.length > 0) {
    // I do some logic here
    if (//AnyCondition) {
      return {RepeatedPerson: true};
    }
  }

  return {};
};
}

Then I add my validator to a formArray:

    this.persons.setValidators(repeatedPersonNumber());

I tried other ways such as persons:

new FormArray([], repeatedPersonNumber())
new FormArray([], repeatedPersonNumber)
this.persons.setValidators(repeatedPersonNumber);

I put the breakpoint into the repeatedPerson validator and only call it once to return the function. But the validation itself never get triggered...

Any idea?

The Cloud Guy · Accepted Answer · 2019-09-02 17:18:45Z

1

For the statement - this.persons.setValidators(repeatedPersonNumber), you need to call updateValueAndValidity() for the new validation to take effect.

Check if this works. If that doesn't, you need to provide the HTML code and your Submit function code snippet to understand where the problem exactly lies.

answered Sep 2, 2019 at 17:18

The Cloud Guy

1,0011 gold badge9 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Add Validation To FormArray doesn't get triggered

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