Angular 无法读取属性'；电子邮件'；零反应形式

如果电子邮件无效，我已经设置了验证器，

registerForm.controls.email.errors.email

给了我一些问题。它没有按预期工作，当我在该电子邮件字段中输入电子邮件，然后查看控制台时，我看到错误无法读取属性为null的电子邮件

   <div *ngIf="loading" id="overlay"><div class="loader"></div></div>
          <form method="post" [formGroup]="registerForm" (ngSubmit)="onSubmit()">
            <div id="tab-2" class="log-tab-content">


                <div class="login-left">

                  <div class="clearfix"></div>

                  <div *ngIf="registerForm.controls.email.errors.email" data-tip="Email must be a valid email address"></div>
                  <input type="text"  formControlName="email" name="email" placeholder="Email *" tabindex="3"/>
                  <div class="clearfix"></div>

                  <br>

                  </div>
                <div class="clearfix"></div>
                <button type="submit" class="log-button log-button1">Register now</button>
              </div>

          </form>

方法1

使用

hasError

方法检查表单控件错误

<div *ngIf="registerForm.controls.email.hasError('email')" 
          data-tip="Email must be a valid email address"></div>

---

哇，这真的是证明你的问题的一个最小的例子吗？该模板代码庞大且杂乱无章。我们应该看什么？请将范围缩小到您的实际问题。仅限于电子邮件字段-“给我一些问题”什么问题？控制台中是否有错误？我们不是魔术师。我们需要您提供的信息才能帮助您。谢谢，它与一起工作。hasError不知道为什么，因为在教程中它是。controls.email.errors.email应该与安全导航一起工作（？）正如我已经提到的。这两种方法都应该有效。

<div *ngIf="registerForm.controls.email.hasError('email')" 
          data-tip="Email must be a valid email address"></div>

<div *ngIf="registerForm.controls.email.errors?.email" 
          data-tip="Email must be a valid email address"></div>