angular - 多个验证器的验证器模式部分不起作用

Question

我的字段有两个角度验证器（这是

[FormFields.field1]: ['', [Validators.maxLength(4), Validators.pattern('[0-9]')]],

这是以下内容的一部分：

private initForm(formBuilder: FormBuilder): void {
    this.myForm = formBuilder.group({
      [FormFields.field1]: ['', [Validators.maxLength(4), Validators.pattern('[0-9]')]]
    });

  }

出于某种原因，即使我在输入字段中添加了类似 111 的条目，该字段也会被评估为无效。

这不是定义仅接受数字的验证器的正确方法：

Validators.pattern('[0-9]')

标签： angular

Answer 1

将验证如下，请检查：

Validators.compose([Validators.maxLength(4),Validators.pattern('[0-9]*$')])