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

悩んでいる男の子

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

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

• 本記事の内容

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

• 本記事の執筆者

プロフィール

• 元エンジニア(歴7年)、資格保有数約20個(IT系以外も含む)
• 物販月利50万円⇒脱サラ
• 物販、システム開発、アフィリエイト、プログラミング、投資をやっています。
• 物販は彼女と楽しみながらやっています！

• Twitter
• Instagram
• Facebook
• GitHub

プロフィールページへ

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

いずみん

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

こんなケースに便利！

• 項目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で変更検知を…