Fehler: Kann nicht an 'ngModel' binden, da es keine bekannte Eigenschaft von 'input' ist, obwohl FormsModule importiert wurde

Question

Ich habe FormsModule in meine app.module.ts importiert, aber ich erhalte immer noch diesen Fehler.

Can't bind to 'ngModel' since it isn't a known property of 'input'

Ich habe ähnliche Beiträge durchgesehen, aber ich bin immer noch nicht in der Lage, eine Lösung dafür zu finden.

app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import {FormsModule} from '@angular/forms'; 
import { AppComponent } from './app.component'; 

@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

app.component.ts

import { Component } from '@angular/core'; 
import {FormsModule} from '@angular/forms'; 
import {NgModule } from "@angular/core"; 
import { BrowserModule } from '@angular/platform-browser'; 

@NgModule({ 
    imports: [BrowserModule, FormsModule], 
    declarations: [ 
    AppComponent 
    ], 
    bootstrap: [AppComponent] 
    }) 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html' 


}) 
export class AppComponent { 
} 

app.component.html

<input type=radio name="gender" value="Mr" [(ngModel)]="gender">Male 
<input type=radio name="gender" value="Mrs" [(ngModel)]="gender">Female 
{{"Hello " + gender}} 

Answer 1

wie Try this:

App .module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { AppComponent } from './app.component'; 

@NgModule({ 
    declarations: [ 
     AppComponent 
    ], 
    imports: [ 
     FormsModule, 
     BrowserModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

app.component.ts

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html' 
}) 
export class AppComponent { 
    gender: string; 
} 

app.component.html

<input type=radio name="gender" value="Mr" [(ngModel)]="gender">Male 
<input type=radio name="gender" value="Mrs" [(ngModel)]="gender">Female 
{{"Hello " + gender}}