Suggest an editImprove this articleRefine the answer for “What does the ngModel directive do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`ngModel`** is a directive that binds a form field to a variable in the component, providing two-way data binding. **Key point:** if the user enters a new value in the field, it automatically updates the component property, and vice versa.Shown above the full answer for quick recall.Answer (EN)Image`ngModel` is a directive that **binds a form field to a variable in the component**. It provides **two-way data binding**: - if the user enters a new value in the field, it automatically updates the component property; - if the component property changes, the field's value in the form updates too. Example: ```html <input [(ngModel)]="user.name"> <p>{{ user.name }}</p> ``` `ngModel` also tracks the field's state, such as `valid`, `touched`, `dirty`, and can work as part of `ngForm`, forming the overall form model.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.