角反应式表单验证不起作用

Question

我尝试了Angular Reactive表单，并尝试了 组件类为：Component Class file

我的HTML代码是：HTML file

我在控制台中收到此错误：

core.js:15724 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'controls' of undefined
TypeError: Cannot read property 'controls' of undefined
    at new LoginComponent (login.component.ts:24)

我知道此错误是由于以下原因造成的：

validEmail = {
    field: true,
    error: this.myForm.controls.email.invalid && this.myForm.controls.email.dirty
  };

如果我尝试注释和“错误：” ngClass对象， 条件：

!myForm.invalid

登录表单中的提交按钮不起作用。

我对angular还是陌生的，该文档比较笼统。因此，请帮助我解决问题。 为了进行测试，请使用语义UI库查看HTML。

Answer 1

我认为您在初始化之前先访问myFrom。您没有在问题中发布代码，但是我想您是在类级别定义了validEmail的，此时您的表单尚未初始化