Suggest an editImprove this articleRefine the answer for “How does Angular bind form data to the component model?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**Angular binds form data to the component model** through two-way data binding and the `FormControl` system. **Key point:** the mechanism depends on the form type - template-driven forms use `[(ngModel)]`, while reactive forms bind each field to a `FormControl` object.Shown above the full answer for quick recall.Answer (EN)ImageAngular binds form data to the component model through **two-way data binding** and the **FormControl system**. The mechanism depends on the form type: **1. Template-driven forms:** - Use the `[(ngModel)]` directive, which binds the input field and the component property. - When the user changes the field's value, the component property updates, and vice versa. ```html <input [(ngModel)]="user.name"> ``` Here `user.name` always reflects the current state of the field. **2. Reactive forms:** - Each field is bound to a `FormControl` object, which holds the current value and state. - Angular automatically synchronizes changes between `FormControl` and the DOM. ```typescript name = new FormControl(''); ``` ```html <input [formControl]="name"> ``` That is, Angular itself keeps the model (the data object) and the view (the form) in sync.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.