[Anguler]ngModelを使用時に、エラー「Can't bind to 'ngModel' since it isn't a known property of 'input'」が発生

カテゴリ: Angular

AngulerでngModelを使用したとき、ブラウザのconsoleに下記のエラーが出る場合があります。

Unhandled Promise rejection: Template parse errors:
  Can't bind to 'ngModel' since it isn't a known property of 'input'

原因

この問題は、app.module.tsにFormsModuleの定義を行っていない場合に発生します。

対応方法

この問題を解決するには、app.module.tsでFormsModuleのimportを行ったのち、NgModuleのimportsにモジュールを追加すればよいです。

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

@NgModule({
  imports:      [ FormsModule ],
})
export class AppModule { }
こちらもおススメ

One thought on “[Anguler]ngModelを使用時に、エラー「Can't bind to 'ngModel' since it isn't a known property of 'input'」が発生

コメントを残す

メールアドレスが公開されることはありません。