Sobes.tech
Back to questions
Middle
161

Каковы отличия между различными типами привязки данных в Angular?

Answer from AI

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 — синхронизация в обе стороны.