キーワード

• Angular2
• required
• ngForm
• ngModel

したいこと

inputにrequiredをつけたvalidationをAngular2で実装したいが、ブラウザがhtml5の枠組みでrequiredをチェックしてしまい、ブラウザのメッセージが邪魔。Angular2だけでvalidationしたい。

どうやって

<form novalidate>

novalidateはAngular2ではなくて、html5の記述。

ノート

NgFormに関する公式のドキュメントでもnovalidateを書いている。validateしてるはずなのにnovalidateとはどういうことかと思ったが、html5でやってくれなくていいよ、ということのようだ。

参考

• NgForm - ts - API