我面临同样的问题，原因是我在MenuComponent中使用ngModel。我在app.module.ts中导入了MenuComponent，但忘记声明它。

声明MenuComponent解决了我的问题。如下图所示：

我使用的是Angular 7。

我必须导入ReactiveFormsModule，因为我正在使用FormBuilder类创建一个反应式表单。

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

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule
  ], declarations: []})

要解决此问题，我们必须在app.module.ts文件中包含FormModule，以避免无法绑定到ngModel，因为它不是Angular应用程序中输入问题的已知属性。

步骤如下，

打开app.module.ts并添加导入行

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

并将FormsModule添加到导入

@NgModule({
    imports: [
       FormsModule
    ],
})

图1.0（app.module.ts文件）

当我第一次做这个教程时，main.ts看起来与现在略有不同。它看起来非常相似，但请注意其中的差异（上面的一个是正确的）。

对的：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

旧教程代码：

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';
bootstrap(AppComponent);

确保采用模板驱动的表单方法(https://angular.io/guide/forms)，正如@Nikita Sychou已经提到的，您已经用“name”属性修饰了输入字段，例如

<form>
   <input [(ngModel)]="form.email" name="email"></input>

并且FormsModule已导入关联的@NgModule中。这两者都是避免“无法绑定到ngModel”错误的前提条件。如果IDE中仍然存在样式错误，例如IntelliJ抱怨ngModel指令，请忽略它们。。你很好去：-）

在ngModule中，您需要导入FormsModule，因为ngModel来自FormsModule。请按照我分享的以下代码修改app.module.ts

import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
    declarations: [
         AppComponent,
         HomeComponent
    ],
    imports: [
         BrowserModule,
         AppRoutingModule,
         FormsModule
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }