如何修复错误 NG8002: Can't bind to ngModel since it isn't a known property of input

问题：

尝试在 ng serve 中加载你的 Angular 应用时，你看到类似这样的错误消息

ngmodel_formsmodule_fix.txt

error NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'.

2     <input type="text" pInputText [(ngModel)]="text"/>
                                    ~~~~~~~~~~~~~~~~~~~~~

error NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'.

2     <input type="text" pInputText [(ngModel)]="text"/>
                                    ~~~~~~~~~~~~~~~~~~~~~

解决方案

你还没有在 app.module.ts 中加载 FormsModule。

使用以下命令导入它

import_formsmodule.ts

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

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

并通过追加来加载它

add_formsmodule_to_imports.ts

FormsModule,

FormsModule,

到 app.module.ts 中的 imports: [...]，例如：

app_module_imports_example.ts

imports: [
  BrowserModule,
  AppRoutingModule,
  HttpClientModule,
  InputTextModule,
  FormsModule,
],

imports: [
  BrowserModule,
  AppRoutingModule,
  HttpClientModule,
  InputTextModule,
  FormsModule,
],

Check out similar posts by category: Angular, Javascript

If this post helped you, please consider buying me a coffee or donating via PayPal to support research & publishing of new posts on TechOverflow

Buy me a coffee