技術

[リアクティブフォーム]バリデーションチェックを任意のタイミングで走らせる。

投稿日:

Angularのリアクティブフォームで使っていると、
バリデーションを後付けした場合に、値が変更されるまでチェックをしてくれないという
ケースに遭遇するときがあります。

そんなときupdateValueAndValidity()を使いましょう。

this.formGroup.control.hoge.setValidators(Validators.required);
this.formGroup.control.hoge.updateValueAndValidity();

これで、チェックが走り、引っかかってくれるようになります。

-技術
-,

執筆者:


comment

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

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

関連記事

[ Ionic ] A problem occurred evaluating project ‘:app’. > Failed to apply plugin [class ‘com.google.gms.googleservices.GoogleServicesPlugin’] > For input string: “+”

こんにちは。たなかです。 相変わらずモバイルアプリ開発やっています。 先日、Io …

no image

【Angular6】Angularで子コンポーネントから親コンポーネントのメソッドを呼び出す

Angularでアプリを作っている時、子コンポーネントから親コンポーネントのメソ …

[Xcode] The executable was signed with invalid entitlements. でアプリを実機確認できない!

こんにちは。たなかです。 作ったiOSアプリを実機確認したくて、Xcodeからデ …

no image

CSSのpositionで要素を真ん中寄せにする(JS不要)

positionを使って要素を真ん中寄せにする時は、transform: tra …

no image

TypeScriptで連想配列の型定義をする

TypeScriptを書いているときに、毎回調べていたので簡単にまとめました。 …