Template Driven Forms

ngForm

<form #formRef="ngForm">
    <div>
        <label>Item Name</label>
        <input [(ngModel)]="selectedItem.name" 
            name="name" required placeholder="Enter a name" type="text">
    </div>
    <div>
        <label>Item Description</label>
        <input [(ngModel)]="selectedItem.description" 
            name="description" placeholder="Enter a description" type="text">
    </div>
</form>

<!-- It can then be used later on -->
<pre>{{formRef.value | json}}</pre>
<pre>{{formRef.valid | json}}</pre>
<!--
 {
 "name": "First Item",
 "description": "Item Description"
 }
 true
-->

ngModelGroup

---

Backlinks

• Forms