Middle

Jaké jsou rozdíly mezi různými typy datových vazeb v Angular?

sobes.tech AI

Odpověď od AI

V Angularu existují různé typy vazby dat, které umožňují spojení dat mezi komponentou a šablonou:

Vazba vlastností (Property Binding): propojuje vlastnost prvku DOM s výrazem z komponenty. Jednosměrná — data jdou z komponenty do šablony.
```
<img [src]="imageUrl">
```
Vazba událostí (Event Binding): propojuje událost DOM s obslužnou funkcí v komponentě. Umožňuje reagovat na akce uživatele.
```
<button (click)="onClick()">Klikni na mě</button>
```
Dvoustranná vazba (Two-way Binding): kombinuje property a event binding, aby synchronizovala data mezi komponentou a šablonou. Používá se s syntaxí [(ngModel)].
```
<input [(ngModel)]="username">
```
Interpolace (Interpolation): vkládá hodnotu z komponenty do šablony jako text.
```
<p>{{ username }}</p>
```

Hlavní rozdíl spočívá v směru přenosu dat a cíli: property binding — z komponenty do šablony, event binding — ze šablony do komponenty, dvoustranná vazba — synchronizuje oběma směry.

Předchozí Další