- 履歴一覧
- 現在との差分 を表示
- ソース を表示
- 履歴 を表示
- 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]]