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

フォームを作成する†

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

フォームに名前をつける†

#userForm="ngForm"

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

novalidateをつける†

novalidate

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

submitボタンを作成する†

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

プロパティdisabledにtrue/falseをバインドする†

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

参考†

• Angular2 Forms - Submit Button Disabled? - Stack Overflow