概要 Angular2とionic2でformを使った際に,バリデーションが少し面倒だったので,Angular2のformについて調べてみました.この記事は The Ultimate Guide to Forms in Angular2 を元にしています.元の記事は少々長いため,以下のように二部に分けて記事にします.うまく訳せていないところもあるので,元の記事はご自身で確認いただければと思います. なおionic2に関しては第2部の最後に,フォームのサンプルを書いてみたいと思います. 第1部 FormControl FormGroup FormBuilder バリデーション 第2部 カスタムバリデーション 変更をWatchする ngModelによる双方向データバインディング ionic2に組み込んでみる 第1部ではAngular2が用意するツールを用いてバリデーションを実装するまでを見てい
![Angular2のFormについて(その1) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/14a1911234e715919c30de69bd75b1af5dae1eab/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9QW5ndWxhcjIlRTMlODElQUVGb3JtJUUzJTgxJUFCJUUzJTgxJUE0JUUzJTgxJTg0JUUzJTgxJUE2JUVGJUJDJTg4JUUzJTgxJTlEJUUzJTgxJUFFJUVGJUJDJTkxJUVGJUJDJTg5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz01MjIwNmQyMjcwMzU2Zjk4Njg1YjI0NTkzZjcyMGNjNw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBhdHN1a2l0YSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NWQyNjQ4ZGJlZGM3MjcyNTQ0YWY5NDQwMWY3ZWFkNDg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd4b29ccecf65569989c98cfb1807862e)