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

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 { }

Amazonでおトクに買い物する方法

AmazonチャージでポイントGET

Amazonは買いもの前にAmazonギフト券をチャージしてポイントをゲットしないと損！