Middle

Какви видове свързване на данни съществуват в Angular?

sobes.tech AI

Отговор от AI

В Angular съществуват следните типове свързване на данни:

Еднопосочно свързване от източника към изгледа (One-Way Data Binding: Компонент към DOM): Промените в компонента се отразяват в изгледа (HTML).
- Интерполация (Interpolation): Показване на стойностите на свойствата на компонента.
```
<p>{{ свойствоНаКомпонента }}</p>
```
- Обвързване на свойства (Property Binding): Задаване на стойности на свойствата на DOM елементите.
```
<img [src]="urlНаИзображението">
```
Еднопосочно свързване от изгледа към източника (One-Way Data Binding: DOM към Компонента): Промените в изгледа (събития на потребителя) влияят върху свойствата на компонента.
- Обвързване на събития (Event Binding): Обработка на събития на DOM елементи.
```
<button (click)="обработиКлик()">Кликни ме</button>
```
Двупосочно свързване (Two-Way Data Binding): Промените в компонента и изгледа влияят един на друг едновременно.
- Използва синтаксис [()].
```
<input [(ngModel)]="имеНаПотребителя">
```
- Изисква импортиране на FormsModule за ngModel.

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