Каковы отличия между различными типами привязки данных в Angular?
Ответ от нейросети
sobes.tech AI
В Angular существуют разные типы привязки данных, которые позволяют связывать данные между компонентом и шаблоном:
-
Property Binding (Привязка свойства): связывает свойство элемента DOM с выражением из компонента. Однонаправленная — данные идут из компонента в шаблон.
<img [src]="imageUrl"> -
Event Binding (Привязка события): связывает событие DOM с обработчиком в компоненте. Позволяет реагировать на действия пользователя.
<button (click)="onClick()">Нажми меня</button> -
Two-way Binding (Двунаправленная привязка): сочетает property и event binding, чтобы синхронизировать данные между компонентом и шаблоном. Используется с синтаксисом
[(ngModel)].<input [(ngModel)]="username"> -
Interpolation (Интерполяция): вставка значения из компонента в шаблон как текст.
<p>{{ username }}</p>
Основное отличие в направлении передачи данных и цели: property binding — из компонента в шаблон, event binding — из шаблона в компонент, two-way binding — синхронизация в обе стороны.