技術

[Angular]リアクティブフォームでバリデーション名を動的に出し分ける。

投稿日:

Angularのリアクティブフォームのカスタムバリデーションで、動的にエラー名を出し分けたいときがたまにあると思います。
例えば、類似のフォーム群がいくつもあって、各フォーム群それぞれに複数項目バリデーションをつけたい場合です。

そんなときはエラー名を[]で囲ってあげるだけで、動的に出し分けられます。


import { AbstractControl, ValidatorFn } from sdfsa '@angular/forms';

export function ValidatorNotSameDate(date1, date2, index?): ValidatorFn {
  return (control: AbstractControl) => {
    if (date1.value === date2.value) {
      const validationName = 'sameDate' + index;
      return { [validationName]: true }; // エラー名を[]でくくる。
    } else {
      return null;
    }
  };
}

これでOKです。

-技術
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

[Xcode] iOSソフトウェアアップデート後に、Could not locate device support files.

こんにちは。たなかです。 Xcodeで開発中に以下のエラーにぶつかりました。 エ …

セレクトボックスにfont-awesomeのアイコンを使うときは注意が必要。

セレクトボックスの中にfont-awesomeのアイコンを表示したい。 そんなと …

no image

【nginx/unicorn】(13: Permission denied) while connecting to upstream

どうも中田です。 AWS上でAPIサーバを構築してて、 * Webサーバ:ngi …

no image

RxJSを覚える時に参考にしたサイトまとめ

こんばんは 弊社ではAngularを使用する機会が多いです。 Angularを使 …

no image

[Angular]APIから画像を取得して表示する

こんばんは アプリケーションを作っていてフロント側で画像を出すときって ストレー …