~Linux、MySQLからAJAXまでAngular2のフォームで非同期のバリデート、入力値の変更検知Angular2のカスタムフォームで、非同期のバリデーションチェック、入力値の変更をリアルタイムに検知するサンプルを作成しました。※Angular2の2.0.0版、TypeScriptを使って確認したものです。※目次をクリックすると目次の下部にコンテンツが表示されます。1.非同期のバリデーションチェック2.FormControlオブジェクトの入力値の変更を検知3.デモ非同期のバリデーションチェックここでは、Promiseを使ってサンプルコードを作成しました。以下のように、各フォームコントロール定義の3番目の引数に非同期のバリデートを指定します。zipValidator],・・・・});2バリデーター関数を作成ここでは、Promiseを使って3秒間待機させて、非同期の動作確認をしています。});}3テンプレートでエラーメッセージ表示pending属性を使って、データ取得中のメッセージも表示しています。フォーマットエラー</span></div>FormControlオブジェクトの入力値の変更を検知サンプルでは、Selectボックスの変更を検知し、選択した値を表示しています。FormControlオブジェクトのvalueChangesを使って入力値の変更を検知し、変更値を取得して表示しています。valueChangesはObservableなので、subscribeを使っています。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。