【Angular】submit済み判定

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。

【目次】

背景

Angularで出てくる「ngFormのsubmittedプロパティ」がよく分からなかったので、記事にまとめてみます。

内容

submittedプロパティ

フォームがサブミット済みかどうか判定してくれます。

ngFormで使用できるプロパティです。

使用例

<button [disabled]="!this.params.name||this.submitted">
{{ '登録' }}
</button>

これで、name属性に値が入っていないか、一度でもフォームが送信された場合には、disabled属性がtrue(ボタン無効化・二重クリック防止)になります。

参考

素晴らしい記事に感謝いたします。

Angularで「フォーム」の状態を監視するには？（ngForm／ngModel）：Angular TIPS - ＠IT