在app. modal .ts文件中导入下面的行，然后在angular cli中运行ng s -o命令。

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

好的，经过一些挖掘，我找到了一个解决方案“不能绑定到‘formGroup’，因为它不是一个已知的‘形式’属性。”

对于我的情况，我一直在使用多个模块文件，我在app.module.ts中添加了ReactiveFormsModule

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

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

但是当我从添加到另一个模块的组件中使用[formGroup]指令时，这就不起作用了，例如在author.module.ts文件中订阅的author.component.ts中使用[formGroup]:

import { NgModule }       from '@angular/core';
import { CommonModule }   from '@angular/common';
import { AuthorComponent } from './author.component';

@NgModule({
  imports: [
    CommonModule,
  ],
  declarations: [
    AuthorComponent,
  ],
  providers: [...]
})

export class AuthorModule {}

我想如果我在app.module中添加ReactiveFormsModule。默认情况下，ReactiveFormsModule将被它的所有子模块继承，比如author。模块在这种情况下…(错误的)。 我需要在author.module.ts中导入ReactiveFormsModule，以使所有指令都能工作:

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

@NgModule({
  imports: [
    ...,
    FormsModule,    //added here too
    ReactiveFormsModule //added here too
  ],
  declarations: [...],
  providers: [...]
})

export class AuthorModule {}

因此，如果您正在使用子模块，请确保在每个子模块文件中导入ReactiveFormsModule。

在app. modal .ts文件中导入下面的行，然后在angular cli中运行ng s -o命令。

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

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版本是11+，你使用的是VisualStudioCode? 你已经导入了FormsModule, ReactiveFormsModule，并将其添加到app.module.ts的import -section中(相关模块可能不同，请选择正确的模块):

// app.module.ts (excerpt)
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
imports: [
  ...
  FormsModule,
  ReactiveFormsModule,
  ...
],

您有正确的导入(有时还有其他具有类似名称的库);您已经在组件中定义并初始化了表单吗?

// MyWonderfulComponent (excerpt)


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

export class MyWonderfulComponent implements OnInit {
  form: FormGroup; 
  ...
  constructor (private fb: FormBuilder) {
    this.form = this.fb.group({
      // DON'T FORGET THE FORM INITIALISATION
    });
  }

你的组件模板有你的表单:

<form [formGroup]="form" (ngSubmit)="submit()">
  <!-- MY FORM CONTROLS ARE ALREADY HERE --> 
</form>

您仍然会收到错误消息“…因为它不是已知的……”?

然后只需简单地重新启动VisualStudioCode:)

注意:如果你在子模块的组件中工作，那么你只需要在子模块中导入ReactiveFormsModule，而不是在父应用程序根模块中。