技術

[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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

[AWS S3] This XML file does not appear to have any style information associated with it. The document tree is shown below.

はじめまして。田中です。 AWSを触りはじめてから1ヶ月ちょっと。七転び八起きな …

[正規表現]半角英数字&記号

どうも中田です。 今更ですが、正規表現の話。 正規表現でこんなパターンがほしい的 …

no image

CSSのbackgroundで複数の背景色を設定してみる

こんにちは 仕事で複数の背景色を設定する機会がありましたので 今回はそのやり方を …

GooglePlayConsoleで「製品版として公開を開始」がグレーアウトして押せない!

こんにちは。田中です。 携わっていたアプリ開発案件ですが、ついに最初のリリースが …

[Rails] バージョン上げるときに気をつけること

どうも中田です。 セキュリティ診断とかで引っかかってrailsのバージョンあげた …