Angular ngModel 未綁定數據

Question

為什么雙向綁定不起作用？ 我正在導入 forms 模塊並使用香蕉語法。 我也嘗試過反應式 forms ，但也沒有用。 當用戶與此字段交互時，它不會使用預定義的值填充輸入字段或更新它。

app.module.ts

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

通用組件.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 的模塊，並在那里導入 forms 模塊

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