Middle

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

sobes.tech AI

Отговор от 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 — от шаблона към компонента, двупосочно свързване — синхронизира в двете посоки.

Предишни Следващият