~Linux、MySQLからAJAXまでAngular2でカスタムバリデート、カスタムフォームAngular2でユーザー定義のバリデーションやユーザー定義のフォームを作成する方法をまとめました。※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)※ビルトインのフォーム作成方法はこちら。※目次をクリックすると目次の下部にコンテンツが表示されます。1.FormControlオブジェクト、FormGroupオブジェクト2.カスタムフォームの作成3.デモFormControlオブジェクト、FormGroupオブジェクト上記参照記事のビルトインのフォームの場合は、Angular2内部で暗黙的にFormControlオブジェクト、FormGroupオブジェクトが生成されていました。カスタムバリデート、カスタムフォームを作成する場合は、コンポーネントクラス内で明示的にFormControlオブジェクト、FormGroupオブジェクトを定義し、生成する必要があります。バリデーター);1ビルトインのバリデータービルトインのバリデータとしてrequired、minLength、maxLength、patternなどがある。Validators.required);複数のバリデーションを指定する場合は、composeメソッドを使用する。上記ビルトインのバリデーター以外に、ユーザー定義のバリデーターを作成する事ができます。boolean>のStringMapをリターンします。上記関数をcomposeメソッドで指定して定義します。Validators.compose([zipValidator]));3テンプレート内のDOMとFormControlオブジェクトとのバインド上記で定義したFormControlオブジェクトを該当のフォームコントロールにバインドするには、FormControlNameディレクティブを使用します。/>2)FormGroupオブジェクト・複数の固定数のFormControlオブジェクトを含む事ができる。(可変数のFormControlオブジェクトを含む場合は、FormArrayオブジェクトを使用する)・フォーム内の各コントロール全体としてのバリデーションチェックを行うことができる。・定義したFormGroupオブジェクトをテンプレート内のDOMにバインドするには、formGroupディレクティブを使用する。・FormBuilderクラスのgroupインスタンスメンバでFormGroupを定義して、カスタムフォームを定義する。・作成したFormGroupをテンプレート内でformGroupディレクティブを使ってDOMにバインドする。以下の定義のカスタムフォームの場合を例に示します。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。