Какие существуют типы привязки данных в Angular?

В Angular существуют следующие типы привязки данных:

1. Односторонняя привязка от источника к представлению (One-Way Data Binding: Component to DOM): Изменения в компоненте отражаются в представлении (HTML).

   • Привязка интерполяцией (Interpolation): Отображение значений свойств компонента.

     <p>{{ componentProperty }}</p>
     

   • Привязка свойств (Property Binding): Установка значений свойств элементов DOM.

     <img [src]="imageUrl">
     

2. Односторонняя привязка от представления к источнику (One-Way Data Binding: DOM to Component): Изменения в представлении (события пользователя) влияют на свойства компонента.

   • Привязка событий (Event Binding): Обработка событий элементов DOM.

     <button (click)="handleClick()">Кликни меня</button>
     

3. Двусторонняя привязка (Two-Way Data Binding): Изменения в компоненте и представлении влияют друг на друга одновременно.

   • Использует синтаксис [()].

     <input [(ngModel)]="userName">
     

   • Требует импорта FormsModule для ngModel.