![見出し画像](https://assets.st-note.com/production/uploads/images/32936846/rectangle_large_type_2_22954bf3c315f11c4412d9f53f35d87b.jpeg?width=1200)
Photo by
sakizakinari
Angularのバリデータ関数は値が変わるたびに呼び出される
以下公式に書いてある通りなのですが、フォームの値が変わったら常にバリデータ関数が呼び出されます。
Instead of adding validators through attributes in the template, you add validator functions directly to the form control model in the component class. Angular then calls these functions whenever the value of the control changes.
なぜこんな当然なことを言っているのかというと、プログラム側で { emitEvent: false } オプション付きで値を更新した場合はバリデータは実行されない、と私が勘違いしていたからです😇
setValue('value', { emitEvent: false })
emitEvent を false にすると、statusChanges と valueChanges のイベントが発火されないというだけ。しょうもない思い込みで時間を溶かしました🧟♀️
これを機にsetValueの各オプションの挙動をきちんと確認しよう!ということで、サンプル作成してみました。実際に手を動かしてみたので、前よりも理解が深まった・・・気がする!
この記事が気に入ったらサポートをしてみませんか?