やっほー
【Angular7】FormControlをtouched状態にする方法!

【Angular7】FormControlをtouched状態にする方法!

  • 2019年1月17日
  • 2021年3月19日
  • Angular
  • 13view

FormControlには、touchやdirtyなど状態を保持するものがあります

この状態を変更する方法が分からなかったので調べてみましたが、たったの1行で済みました。

ということで今回は、FormControlをtouched状態にする方法を解説します。

こんなケースに便利!

  • 項目Aを強制的にtouched状態にし、エラーメッセージを表示させる。
  • touched状態にして、ゴニョゴニョする。

FormControlをtouched状態にする方法

まず、FormControlを宣言します。

 

markAsTouched()」を呼び出すことで、対象のFormControlは一度カーソルが当たったことになります。無茶簡単ですね。

おすすめ書籍

僕はAngularの勉強をするのに以下の書籍を購入しました。おすすめですよ!

まとめ

FormControlの状態を変更するのって意外と簡単なんですけど、日本語ドキュメントが少ないんですよね。。

分かりにくいサイトも多いのがAngularの難点です。

ではまた!

【Angular7】FormControlをtouched状態にする方法!
フォローしてもらえると泣いて喜びます