Question

我有这样的反应形式

this.form = this.formBuilder.group({
      email: ['', [
        Validators.required,
        Validators.maxLength(120),
        Validators.pattern('^[^\\s@]+@[^\\s@]+\\.[^\\s@]{1,}$')
      ]],
    });

现在我需要显示类似其他错误的错误

<div class="invalid-feedback" *ngIf="form.controls.email.errors.pattern">THIS EMAIL NOT VALID</div>

但是我得到了错误 无法读取null的属性“模式” 有人在显示模式错误时有类似的问题吗？

Answer 1

您失败或通过了验证。通过验证时form.controls.email.errors不存在。

要解决此问题：您需要将错误替换为错误？，如下所示：

<div class="invalid-feedback" *ngIf="form.controls.email.errors?.pattern">THIS EMAIL NOT VALID</div>

Answer 2

请尝试这个::

<div class="invalid-feedback" *ngIf="form.get('email').hasError('pattern')">THIS EMAIL NOT VALID</div>

反应形式的角度显示模式中的角度错误

2 个答案: