• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• 履歴 を表示
• Angular2/フォーム へ行く。
  • 1 (2016-11-18 (金) 03:59:00)

* フォームを作成する [#v2233508]

 <form #userForm="ngForm" novalidate>
 ...
 </form>

** フォームに名前をつける [#r42af26f]

 #userForm="ngForm"

- userFormが名前になる
- ngFormは固定、こういうもの

** novalidateをつける [#kdf7d01f]

 novalidate

- novalidateは、Angular2でvalidateするからHTML5でしないでねということ
-- 属性requiredが被っていて、HTML5の機能が邪魔になるので

* submitボタンを作成する [#o8d06dff]

 <button [disabled]="! userForm.valid">保存</button>

** プロパティdisabledにtrue/falseをバインドする [#qc49480e]

- ng-reflect-disabled="true"を介して（？）、プロパティdisabledが追加される
- ng-reflect-disabled="false"を介して（？）、プロパティdisabledが削除される
- 名前をつけたフォーム.validでフォームとしてvalidationをパスしているかが分かる

* 参考 [#e0d0cc1e]
- [[Angular2 Forms - Submit Button Disabled? - Stack Overflow>http://stackoverflow.com/questions/32062051/angular2-forms-submit-button-disabled]]