PROSAGA码农传奇-Angular-Angular6 - FormControlName - TypeError：无法读取未定义的属性'get'

<div class =“post-text”itemprop =“text”>
  <P>
    参考你的代码
    <a href="https://stackblitz.com/edit/angular-3rhrd4?embed=1&file=src/app/ui/input-field/input-field.component.ts" rel="nofollow noreferrer">
      stackblitz
    </A>
  </p>
  <P>
    这是你的表格
  </p>
   <pre>
    <code>
      this.loginForm = this.fb.group({
      email: ['', Validators.required ],
      password: ['', Validators.required]     
    });

</code>
  </pre>
  <P>
    并在HTML中
你错过了表格名称
  </p>
  <P>
  </p>
  <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”>
    <div class =“snippet-code”>
       <pre class="snippet-code-html lang-html prettyprint-override">
        <code>
          <div class="form-group">
        <app-input-field formControlName="email"></app-input-field>
        <div class="alert alert-danger" *ngIf="loginForm.get('email').dirty && personalProfileForm.get('email').hasError('required')">
          email Required
        </div>
        <app-input-field formControlName="password"></app-input-field>
        <div class="alert alert-danger" *ngIf="loginForm.get('password').dirty && personalProfileForm.get('password').hasError('required')">
          password Required
        </div>
      </div>
        </code>
      </pre>
    </DIV>
  </DIV>
  <P>
  </p>
  <P>
    只需更换
     <code>
      personalProfileForm
    </code>
     同
     <code>
      loginForm
    </code>
     在你的HTML中
  </p>
  <P>
    此外，@ dince12的建议是完美的，以使您的HTML代码看起来更容易阅读，欢呼！
  </p>
  <P>
    如果您想了解有关该示例的更多详细信息，请参阅以下文章：

<a href="http://jasonwatmore.com/post/2018/05/10/angular-6-reactive-forms-validation-example" rel="nofollow noreferrer">
      http://jasonwatmore.com/post/2018/05/10/angular-6-reactive-forms-validation-example
    </A>
     
以下是一个小例子：
  </p>
  <BLOCKQUOTE>
    <P>
      像这样创建公共财产
    </p>
  </BLOCKQUOTE>
   <pre>
    <code>
      public get myform() { return this.myform.controls; }

</code>
  </pre>
  <BLOCKQUOTE>
    <P>
      并像这样使用它
    </p>
  </BLOCKQUOTE>
   <pre>
    <code>
      <input type="text" formControlName="firstName" class="form-control" [ngClass]="{ 'is-invalid': submitted && myform.firstName.errors }" />
                            <div *ngIf="submitted && myform.firstName.errors" class="invalid-feedback">
                                <div *ngIf="myform.firstName.errors.required">First Name is required</div>
</div>

</code>
  </pre>
</DIV>