在Angular中使用双向绑定之前，需要将FormsModule包导入到模块中。

通过将FormsModule添加到模块内的imports数组（例如app.module.ts），可以这样做。

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

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

在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 { }

注意：请记住，ngModel指令被定义为Angular FormsModule的一部分，您需要在Angular模块元数据的imports:[…]部分中包含FormsModul，在该部分中使用它。

即使在功能模块中直接或间接导入FormsModule（例如，从共享模块），如果导入的组件未在声明中声明，也会发生此错误：

我参加了Deborah Kurata的Angular Routing课程。当我在Angular Route的组件属性上添加导入的组件ProductEditInfoComponent时，我忘记在声明属性上添加ProductEditInfoComponent。

在声明属性上添加ProductEditInfoComponent将解决NG8002:无法绑定到“ngModel”，因为它不是“input”的已知属性。问题：

ngModel应该从@angular/forms导入，因为它是FormsModule的一部分。所以我建议您更改app.module.ts，如下所示：

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

[...]

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

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

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