【Angular】FormControlをtouched状態にする方法！

悩んでいる男の子

AngularのFormControlをtouch状態にする方法が分からないんだよね。。

こんな悩みを解決します。

• 本記事の内容

• AngularのFormControlをtouch状態にする方法について

• 本記事の執筆者

今回は、AngularのFormControlをtouch状態にする方法を解説します。

いずみん

すぐ読み終わるので、是非最後まで読んでみてください！

プログラミングを学びたい方必見！

オンライン特化のプログラミングスクールなら「TechAcademy [テックアカデミー] 」が超おススメ！

副業としてプログラミングを学びたい方にもおすすめのスクールです！

• 初心者が9割以上なので挫折せずに学べる！
• 受講者に副業の仕事を1案件以上斡旋！ ※条件あり
• オンライン完結型なので、在宅でもお仕事可！
• プロのメンターがサポートしてくれる！

キャリアカウンセリングやメンター相談が無料でできるのもおすすめポイントです！

こんなケースに便利！

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

FormControlをtouched状態にする方法

formControl: FormControl;

FormControlを宣言します。

this.formControl.markAsTouched();

「markAsTouched」を呼び出すことで、対象のFormControlは一度カーソルが当たったことになります。

簡単ですね。

まとめ

今回は、AngularのFormControlをtouch状態にする方法を解説しました。

分かってしまえば意外と簡単でしたね。

ではまた！

• おすすめ本はこちら！

Angularアプリケーションプログラミング

¥4,070 （2022/04/20 12:04時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

いずみん

僕は↑の本でAngularの勉強をしました！
非常に分かりやすいのでおすすめです！

• 関連記事

あわせて読みたい

【Angular】FormControlの変更検知機能を実装！ AngularのFormControlで変更検知を実装してみたいんだけど、やり方が分からないんだよね。。 こんな悩みを解決します。 本記事の内容 AngularのFormControlで変更検知を…