有时，即使我们已经导入了BrowserModule、FormsModule和其他相关模块，我们仍然可能会收到相同的错误。

然后我意识到我们需要按顺序导入它们，这在我的案例中是缺失的。因此，顺序应该类似于BrowserModule、FormsModule和ReactiveFormsModul。

根据我的理解，功能模块应该遵循Angular的基本模块。

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

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

为了能够对表单输入使用双向数据绑定，您需要在Angular模块中导入FormsModule包。

有关更多信息，请参阅此处的Angular 2官方教程和表单的官方文档。

ngModel来自FormsModule。在某些情况下，您可能会收到此类错误：

您没有将FormsModule导入到声明组件的模块导入数组中，即使用ngModel的组件。您已经将FormsModule导入一个模块，该模块继承了另一个模块。在这种情况下，您有两个选项：

让FormsModule从两个模块（module1和module2）导入导入数组。通常：导入模块不会提供对其导入模块的访问权限。（导入不继承）将FormsModule声明到module1中的导入和导出数组中，以便能够在model2中看到它

（在某些版本中，我遇到了这个问题）您正确导入了FormsModule，但问题出在输入HTML标记上。必须为输入添加name标记属性，[（ngModel）]中的对象绑定名称必须与name属性中的名称相同

从“@angular/forms”导入｛FormsModule｝；@Ng模块({进口：[表单模块],})

是的，就是这样。在app.module.ts文件中，我刚刚添加了：

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

[...]

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

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

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

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

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