角度：未捕获的错误：模板解析错误：没有将“ exportAs”设置为“ ngModel”的指令

Question

我正在使用Angular模板驱动的表单，但出现此错误：

compiler.js：2175未捕获的错误：模板解析错误：没有将“ exportAs”设置为“ ngModel”]的指令

我的html：

<form #f="ngForm" (ngSubmit)="onSubmit(f)">
  <input type="text" name="gender" #gender="ngModel">
  </form>

app.module：

import { HeaderModule } from 'src/app/components/header/header.module';
import { DemographicInfoComponent } from './pages/demographic-info/demographic-info.component';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { BrowserModule } from "@angular/platform-browser";
import { HttpClientModule } from "@angular/common/http";
import { NgModule } from "@angular/core";
import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";
import { EditMyProfileComponent } from "./pages/edit-my-profile/edit-my-profile.component";
import { StoreModule } from "@ngrx/store";
import { PurchaseComponent } from "./pages/purchase/purchase.component";
import { CharacterTypeInfoComponent } from "./pages/character-type-info/character-type-info.component";

@NgModule({
  declarations: [
    AppComponent,
    EditMyProfileComponent,
    PurchaseComponent,
    CharacterTypeInfoComponent,
    DemographicInfoComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    HeaderModule,
    FormsModule,
    ReactiveFormsModule,
    //StoreModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

我正在使用Angular模板驱动的表单，但出现以下错误：editor.js：2175未捕获的错误：模板解析错误：没有将“ exportAs”设置为“ ngModel”的指令，我的html：

] >

<<<< [

此错误通常是在模板本身有错误时出现的，我看到您尚未关闭

<input>

<input type="text" name="gender" #gender="ngModel" />

您缺少[(ngModel)]标签中的<input>
<form #f="ngForm" (ngSubmit)="onSubmit(f)">
  <input type="text" name="gender" #gender="ngModel" [(ngModel)]="gender" >
  </form>
在您的component.ts中声明gender变量
class YourComponent {
  gender: string;
}

Answer 1

<input>

Answer 2