Cannot bind to 'ngModel' since it isn't a known property of 'input' 에러

원인

form 태그에 ngModel을 넣었을 때 Cannot bind to 'ngModel' since it isn't a known property of 'input' 에러가 발생합니다.

해결

form을 사용하기 위해서는 반드시 모듈에 FormsModule을 선언해주어야 하는데 이는 '@angular/forms'로부터 끌어와야 합니다.

• '@angular/forms'에서 FormsModule을 import
• NgModule의 imports 목록에 FormsModule 추가

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

	@NgModule({
		imports: [
			FormsModule
		]
	})

Angular 17 이상

// src/app/app.config.ts

import { ApplicationConfig } from '@angular/core';
import { provideRouter } from '@angular/router';
import { provideFormsModule } from '@angular/forms';

import { routes } from './app.routes';

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    provideFormsModule()
  ]
};