Angular2でフォームのバリデーションチェック、動的にCSSの追加を行い、エラー時に色を変えたり、メッセージを表示する方法をまとめました。 ※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認) ※目次をクリックすると目次の下部にコンテンツが表示されます。 1.FormsModuleのインポート 2.NgModelディレクティブを使ったシンプルなフォーム作成例(バリデーションチェックなし) 3.バリデーションチェック、動的にCSS追加 4.フォームの作成方法 5.デモ Angular2のフォームの機能を使用する場合、別途フォームのモジュールをインポートする必要があります。 一般的なAngular2のフォーム機能を使用する場合、FormsModuleをインポートします。 ※ダイナミックフォームを使用する場合は、Rea