Angular 角度2:Can'；t绑定到'；formGroup'；因为它不是'；t'的已知属性；表格'；

我是angular 2的新手，我试着做一个反应式，但我遇到了一些麻烦。在堆栈中多次搜索后，我没有找到解决方案

在这里你可以看到我的错误

守则：

视图：

用户数据
名称
电子邮件
后悔
维尔
内容提供商
提交

我的module.ts

从'@angular/core'导入{NgModule}；
从“@angular/common”导入{CommonModule}；
从“@angular/platform browser”导入{BrowserModule}；
从“./contact.component”导入{ContactComponent}；
从'@angular/forms'导入{FormGroup，FormControl，ReactiveFormsModule，FormsModule}；
@NGD模块({
进口：[
NgModule，
浏览器模块，
FormsModule，
反应形式模块，
FormGroup，
窗体控件
],
声明：[
接触元件
]
})
导出类ContactModule{}
还有我的组件
从'@angular/core'导入{Component}；
从'@angular/forms'导入{FormGroup，FormControl}；
@组成部分({
选择器：“联系人”，
templateUrl:“./contact.component.html”
//样式URL:['../../app.component.css']
})
导出类组件{
userForm=newformgroup({
名称：new FormControl（），
电子邮件：new FormControl（），
地址：新表格组({
rue:newformcontrol（），
ville:new FormControl（），
cp:new FormControl（），
})
});
}

我不理解我的错误，因为这里导入了ReactiveForm。所以我需要你的帮助：）谢谢

在我阅读了你的答案并重构了我的代码之后，没关系，这就行了！问题是我在我的页面联系人模块中导入了被动模块，我需要在我的应用程序模块中导入此模块。非常感谢您的关注：）

---

希望这个答案能帮助其他人。

我认为这是一个旧错误，您试图通过在模块中导入随机内容来修复，现在代码不再编译。当您不注意shell输出时，浏览器会重新加载，您仍然会收到相同的错误

您的模块应该是：

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule
  ],
  declarations: [
    ContactComponent
  ]
})
export class ContactModule {}

---

还可以尝试在组件中添加ReactiveFormsModule

import { FormGroup, FormArray, FormBuilder,
          Validators,ReactiveFormsModule  } from '@angular/forms';

---

不要使用

userForm=newformgroup（）

改用

form=newformgroup（）

---

并在表单中使用

…

。它适用于我的angular 6

我通过在shared.module中导入FormModule并在所有其他模块中导入shared.module解决了这个问题。我的情况是FormModule用于多个模块。

尝试使用

而不是

---

我遇到了同样的问题，我用另一种方法解决了这个问题，没有导入ReactiveFormsModule。 你可能就在这个街区

ngOnInt(){

    userForm = new FormGroup({
        name: new FormControl(),
        email: new FormControl(),
        adresse: new FormGroup({
            rue: new FormControl(),
            ville: new FormControl(),
            cp: new FormControl(),
        })
     });
)

---

对于仍在处理错误的用户，请确保还将ReactiveFormsModule导入组件的module.ts文件中

---

这意味着您将在app.module.ts和mycomponent.module.ts文件中导入您的ReactiveForms模块

将ReactiveForms模块导入组件模块

删除

FormGroup

和

FormControl

以便在ngModule中导入…您还必须删除许多其他错误。为什么

NgModule

、

FormGroup

和

FormControl

是否位于模块的

imports

数组中？您的代码似乎工作正常，请查看与此插件是否有任何差异@Pengyy我认为他完全忽略了他的代码没有编译的事实，所以浏览器无论如何都会重新加载，但这仍然是他试图用这些奇怪的导入来修复的错误。任何输出（在shell中，而不是在浏览器控制台中）？我也会导入CommonModule而不是BrowserModule，因为ContactModule看起来不像rootmodule@yurzui如果不是懒散加载，那就别管了，但谁知道呢？我编辑过。一定有一个，这是唯一的解释。请再次运行用于开始编译的命令，并在问题中发布整个输出。没关系，成功了。我的代码和我的不同页面搞得一团糟。在阅读了你的答案并修改了我的代码后，一切正常。多谢了，这没什么区别。OP应该能够使用他/她想要的任何名称调用formGroup指令。它将给出什么？您好，欢迎使用SO！请阅读，然后