Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як Angular зв'язує дані форми з моделлю компонента?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Angular зв'язує дані форми з моделлю компонента** через двостороннє зв'язування даних (two-way data binding) і систему `FormControl`. **Ключове:** механізм залежить від типу форми - в template-driven формах це `[(ngModel)]`, а в reactive формах кожне поле зв'язане з об'єктом `FormControl`.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняAngular зв'язує дані форми з моделлю компонента через **двостороннє зв'язування даних (two-way data binding)** і **систему FormControl**. Механізм залежить від типу форми: **1. Template-driven форми:** - Використовують директиву `[(ngModel)]`, яка зв'язує поле вводу і властивість компонента. - Коли користувач змінює значення в полі - оновлюється властивість у компоненті, і навпаки. ```html <input [(ngModel)]="user.name"> ``` Тут `user.name` завжди відображає поточний стан поля. **2. Reactive форми:** - Кожне поле зв'язане з об'єктом `FormControl`, який зберігає поточне значення і стан. - Angular автоматично синхронізує зміни між `FormControl` і DOM. ```typescript name = new FormControl(''); ``` ```html <input [formControl]="name"> ``` Тобто Angular сам підтримує синхронізацію між моделлю (об'єктом даних) і представленням (формою).Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.