Skip to main content

Що робить директива ngModel?

ngModel - директива, яка зв'язує поле форми зі змінною в компоненті.

Вона забезпечує двостороннє зв'язування даних:

  • якщо користувач вводить нове значення в полі, воно автоматично оновлює властивість компонента;
  • якщо властивість компонента змінюється, значення поля у формі теж оновлюється.

Приклад:

html
<input [(ngModel)]="user.name"> <p>{{ user.name }}</p>

Також ngModel відстежує стан поля - valid, touched, dirty тощо, і може працювати у складі ngForm, формуючи загальну модель форми.

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

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

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