Почему ангуляр игнорирует валидатор?

Question

[msdosx86]

this.myform = new FormGroup({
      'name': new FormControl('', [
        Validators.required,
        Validators.minLength(3),
        Validators.maxLength(20)
      ]),
      'email': new FormControl('', [
        Validators.required,
        Validators.email
      ]),
      'password': new FormControl('', [
        Validators.required,
        Validators.pattern(/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$/)
      ]),
      'password_repeat': new FormControl('', [
        Validators.required
      ])
    }, this.passwordMatchValidator)

вторым аргументом к FormGroup идет дополнительный валидатор, который не срабатывает вообще. Пробовал { validator: this.passwordMatchValidator }, всё равно игнорит. Значит ли это то, что если у всех контролов есть свои валидаторы, то дополнительный будет игнориться?

Comments

[0xD34F]

А как вы поняли, что валидатор не срабатывает? Может всё окей, просто вы результат его работы неправильно показываете.

Ну и ещё пример в песочнице не помешал бы.

[msdosx86]

0xD34F, debugger.

Answer 1

[Василий Мажекин]

в таком варианте групповой валидатор не срабатывает this.myform = new FormGroup({ хотя должен был бы, используйте this.formBuilder.group

constructor(private formBuilder: FormBuilder)  {}
    
ngOnInit() {
    this.myform = this.formBuilder.group({
        name: new FormControl('', [.....
           ....
        }, {
            validator:  myComponent.myGroupValidator
        })
}

static myGroupValidator(control: AbstractControl): { [key: string]: boolean } | null { 
    // тут в дебаге проверьте, что заходит сюда
    ....
}