TIssue | Angular | NG8002 : Can't bind to 'ngModel' since it isn't a known property of 'input'

Angular 오류 코드 NG8002 해결방법에 대한 글이다.

Angular Error : NG8002

상황

input 태그내에 [(ngModel)] 삽입시 다음과 같은 오류가 뜬다.

Angular Error NG8002

NG8002: Can't bind to 'NgModel' since it isn't a known property of 'input'.

원인

FormsModule이 NgModule에 추가되지 않았기 때문이다.

해결책

app.module.ts에서 아래 두 가지 작업을 수행해준다.

1. FormsModule 임포트하기

import { FormsModule } from '@angular/forms';

2. @NgModule에 임포트하기

import { FormsModule } from '@angular/forms';
...
@NgModule({...
imports: [
...
FormsModule
...]