您需要导入FormsModule。

#Open app.module.ts
#add the lines

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

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


if you are using reactive form then also added  ReactiveFormsModule

有时，当您尝试在不同的模块中使用未共享的模块中的组件时，会出现此错误。

例如，您有两个模块，分别带有module.componentA.component.ts和module.componentC.component.ts，您尝试使用module2内模板中module.componentA.component.ts中的选择器（例如<module1 componentA[someInputVariableInModule1]=“variableFromHTTPRequestInModule2”>），它将抛出错误：someInputVariableInModule1在module.componentA.component.ts中不可用-即使您在module.componentA中有@Input（）someInputVariable InModule1。

如果发生这种情况，您希望共享module.componentA，以便在其他模块中访问。因此，如果在sharedModule内共享module1.componentA，则module1.companentA将在其他模块内（在module1之外）可用，并且导入sharedModules的每个模块都可以访问其模板中注入@Input（）声明变量的选择器。

确保[（ngModel）]实际拼写为“ngModel”，大写为M。我花了几分钟没看到这个

如果在应用接受的解决方案后仍有人出现错误，可能是因为您有一个单独的模块文件用于要在其中使用输入标记中的ngModel属性的组件。在这种情况下，也可以在组件的module.ts文件中应用接受的解决方案。

在您愿意使用ngModel的模块中，必须导入FormsModule

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

@NgModule({
  imports: [
    FormsModule,
  ],

})
export class AbcModule { }

有时，即使我们已经导入了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 {}