在<componenet.module中添加“ReactiveFormsModule”。ts >父

import { NgModule } from '@angular/core';
import {FormsModule, ReactiveFormsModule} from "@angular/forms";

@NgModule({
   declarations: [
        .....
   ],
   imports: [
        .....
        FormsModule,
        ReactiveFormsModule

    ]
})
export class InvoiceModule { }

我在尝试做端到端测试时遇到了这个错误，没有答案让我抓狂。

如果你正在做测试，找到你的*.specs。Ts文件并添加:

import {ReactiveFormsModule, FormsModule} from '@angular/forms';

我没有看到这里描述的这种特定的失败机制，也没有看到任何关于public-api的引用。在这个问题的其他地方，所以添加它，以防它帮助其他人。

我在一个特性模块中使用响应式表单构建了一个组件。按照其他回答中描述的指导，我的模块构建没有问题，直到我试图通过public-api.ts导出组件。在这一点上，我开始得到熟悉的错误不能绑定到'formGroup'，因为它不是'形式'的已知属性，没有其他迹象可能是错误的。

这个问题发生在我身上，因为我忘记从NgModule中声明和导出这个组件。一旦我把它添加到那里，模块就开始重新构建。因此，在NgModule中尝试导出响应式表单组件时，要记住三件事:

import { NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
import { MyExportedComponent } from './components/my-exported.component';


@NgModule({
    declarations: [
        MyExportedComponent // this
  ],
    imports: [
        ReactiveFormsModule // this
    ], 
    exports: [
        MyExportedComponent // and this
    ],
    providers: [
        ]
})
export class MyModule { }

此时，Angular会在public-api.ts中使用这行代码:

export * from './lib/my-module/components/my-exported.component';

RC6/RC7/最终版本FIX

要修复这个错误，你只需要从模块中的@angular/forms导入ReactiveFormsModule。下面是一个导入ReactiveFormsModule的基本模块的例子:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppComponent }  from './app.component';

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule
    ],
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})

export class AppModule { }

为了进一步解释，formGroup是一个名为FormGroupDirective的指令的选择器，它是ReactiveFormsModule的一部分，因此需要导入它。它用于将现有的FormGroup绑定到DOM元素。你可以在Angular的官方文档页面上阅读更多信息。

RC5修复

你需要从控制器中的@angular/forms中导入{REACTIVE_FORM_DIRECTIVES}，并将其添加到@Component中的指令中。这样问题就解决了。

在你修复了这个问题之后，你可能会得到另一个错误，因为你没有在表单中添加formControlName="name"到你的输入中。

这个建议的答案在Angular 4中并不适用。相反，我不得不使用另一种方式属性绑定与attr前缀:

<element [attr.attribute-to-bind]="someValue">

Angular 4结合特性模块(如果你使用的是共享模块)也要求你导出ReactiveFormsModule才能工作。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

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