在花了几个小时在这个问题上找到解决方案

import { FormsModule, ReactiveFormsModule } from '@angular/forms';
    
@NgModule({
    imports: [
         FormsModule,
         ReactiveFormsModule      
    ]
})

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

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

@NgModule({
    imports: [
         FormsModule      
    ]

EDIT

因为有很多相同问题的重复问题，我正在加强这个答案。

有两个可能的原因

缺少FormsModule，因此将此添加到您的模块， import {FormsModule} from '@angular/forms'; @NgModule ({ 进口:[ FormsModule ］ 检查input标签中[(ngModel)]的语法/拼写

首先导入FormsModule，然后在component.ts中使用ngModel

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

@NgModule({
 imports: [ 
            FormsModule  
          ];

HTML代码:

<input type='text' [(ngModel)] ="usertext" />

如果在导入formsmodule之后问题仍然存在，请检查Input是否具有“name”属性，其值等于页面上的另一个输入。

在app.module.ts中导入表单模块。

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


@NgModule({
  declarations: [
    AppComponent,
    ContactsComponent
  ],
  imports: [
    BrowserModule,HttpModule,FormsModule     //Add here form  module
  ],
  providers: [],
  bootstrap: [AppComponent]
})

在html中:

<input type="text" name="last_name" [(ngModel)]="last_name" [ngModelOptions]="{standalone: true}" class="form-control">

以上提到的解决这个问题的方法都是正确的。 但是如果你使用的是惰性加载，FormsModule需要导入到子模块中，因为子模块中有表单。在app.module.ts中添加它不会有帮助。