NgModel

Creates a form NgControl instance from a domain model and binds it to a form control element. The form NgControl instance tracks the value, user interaction, and validation status of the control and keeps the view synced with the model. If used within a parent form, the directive will also register itself with the form as a child control.

This directive can be used by itself or as part of a larger form. All you need is the ngModel selector to activate it. For a two-way binding, use the [(ngModel)] syntax to ensure the model updates in both directions.

Learn more about ngModel in the Guide Forms and Template Syntax pages.

Examples

<input [(ngModel)]="currentHero.firstName">

This is equivalent to having separate bindings:

<input [ngModel]="currentHero.firstName" (ngModelChange)="currentHero.firstName=$event">

Try the live example.