Angular中input无法绑定ngModel的错误排查求助

你的错误原因很明确：ngModel是Angular模板驱动表单的核心指令，必须通过导入**FormsModule**才能启用，但你当前的app.module.ts里只导入了ReactiveFormsModule（响应式表单模块），并未导入FormsModule。

修改后的app.module.ts代码： #

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { HttpClientModule } from '@angular/common/http';

// 同时导入FormsModule和ReactiveFormsModule
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule, // 添加此模块
    ReactiveFormsModule ,
    HttpClientModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

补充说明： #

• 模板驱动表单依赖FormsModule，响应式表单依赖ReactiveFormsModule，两者可以同时导入，互不冲突。
• 你的模板代码中[ngModelOptions]="{standalone: true}"的配置是正确的，因为表单未添加name属性或关联formGroup，该配置能让ngModel独立生效，无需修改。

内容的提问来源于stack exchange，提问作者John Peter