FormsModule을 가져온 후에도 NgModel이 작동하지 않습니다.

Question

이 오류가 발생했습니다. '입력'의 알려진 속성이 아니기 때문에 'NgModel'에 바인딩 할 수 없습니다. 이미 app.module.ts

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


import { AppComponent } from './app.component'; 
import { EmployeeComponent} from './employee/employee.component' 

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

에서 FormsModule을 가져이 코드는 app.component.ts되는 코드 :

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

@Component({ 
    selector: 'my-app', 
    template: ` 
      <div> 
      Name : <input [(NgModel)]='name'/> 
      <br/> 
      <br/> 
      You entered : {{name}} 
      </div> 
`, 
}) 
export class AppComponent { 
    name: string = "John"; 
} 

사람이 문제가 어디 알고나요?

Answer 1

변경

에서

Name : <input [(NgModel)]='name'/> 

Name : <input [(ngModel)]='name'/> 

Answer 2

이 [(ngModel)]하지 [(NgModel)]