Skip to main content

Що робить ngModel?

Директива ngModel в Angular забезпечує двосторонню прив'язку даних між властивістю компонента та елементом форми (input, select, textarea).

Принцип роботи:

  1. Значення властивості компонента відображається в елементі форми.
  2. Будь-яка зміна в елементі форми автоматично оновлює властивість компонента.
  3. Використовується разом із FormsModule.

Приклад:

html
<input [(ngModel)]="username" placeholder="Введіть ім'я"> <p>Привіт, {{ username }}!</p>
typescript
username = '';

Висновок: ngModel синхронізує стан моделі та view, дозволяючи легко працювати з формами та введенням користувача.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.