FormControlには、touchやdirtyなど状態を保持するものがあります。
この状態を変更する方法が分からなかったので調べてみましたが、たったの1行で済みました。
ということで今回は、FormControlをtouched状態にする方法を解説します。
僕のプロフィールはこちら
僕のPC環境
OS:Windows10
Angular:7
こんなケースに便利!
・項目Aを強制的にtouched状態にし、エラーメッセージを表示させる。
・touched状態にして、ゴニョゴニョする。
FormControlをtouched状態にする方法
1 |
formControl: FormControl; |
まず、FormControlを宣言します。
1 |
this.formControl.markAsTouched(); |
「markAsTouched()」を呼び出すことで、対象のFormControlは一度カーソルが当たったことになります。
無茶簡単ですね。
おすすめ書籍
僕はAngularの勉強をするのに以下の書籍を購入しました。おすすめですよ!
まとめ
FormControlの状態を変更するのって意外と簡単なんですけど、日本語ドキュメントが少ないんですよね。。
分かりにくいサイトも多いのがAngularの難点です。
ではまた!