Angular ngModel 未绑定到数据

Question

为什么双向绑定不起作用？我正在导入表单模块并使用香蕉语法。我也尝试过反应形式，但也没有用。当用户与该字段交互时，它不会使用预定义的值填充输入字段或更新它。

app.module.ts

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    CommonModule,
    FormsModule,
    AppRoutingModule,
    CoreModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
})

general.component.ts

  user = {
    firstName: 'john',
  }

general.component.html

  <form>
      <label for="firstName">First Name</label>
      <input
        type="text"
        class="form-control"
        name="firstName"
        id="firstName"
        [(ngModel)]="user.firstName"
      />
  </form>

Answer 1

正如我从您的 app.module.ts 中看到的，您的 general.component.ts 不属于该模块。 （仅在 app.component.ts 声明中）

找到你声明了GeneralComponent的模块，并在那里导入表单模块

@NgModule({
  declarations: [..., GeneralComponent],
  imports: [..., FormsModule]