Angular 6表单验证-无法读取未定义的属性“名称”

Question

我似乎在代码中缺少一些内容。请协助！在我的浏览器控制台中，我看到“无法读取未定义的属性'名称'”

HTML组件

COMPONENT.ts文件

错误消息

Answer 1

在路由模块中，您可能错过了路由配置文件检查一次，因为我遇到了同样的问题，在配方子项中添加了{path:'new', component : RecipeEditComponent}

Answer 2

您忘记为表单定义引用longest，请进行以下更改：

#f

Answer 3

在component.ts文件中使用它 从'@ angular / forms'导入{ReactiveFormsModule} ... bczz您在html代码中使用了rectiveform方法