Jaké typy vazeb existují v Angularu?

V Angularu existuje několik typů vazeb, které umožňují synchronizaci dat mezi komponentou a šablonou:

Vazba vlastností (Property Binding): Umožňuje propojení HTML vlastnosti prvku s vlastností komponenty. Změny hodnoty vlastnosti komponenty aktualizují hodnotu HTML vlastnosti. Používá se s hranatými závorkami [].
```
<img [src]="imageUrl" alt="Obrázek">
```
Interpolace: Umožňuje zobrazit hodnotu vlastnosti komponenty ve šabloně jako řetězec. Používá se s dvojitými složenými závorkami {{}}.
```
<p>{{ greeting }}</p>
```
Vazba událostí (Event Binding): Umožňuje reagovat na události DOM (například kliknutí, zadání textu) a volat metody komponenty. Používá se s kulatými závorkami ().
```
<button (click)="onClick()">Klikni na mě</button>
```
Obousměrná vazba (Two-Way Binding): Kombinuje vazbu vlastností a vazbu událostí, umožňuje synchronizaci hodnoty mezi prvkem formuláře a vlastností komponenty obousměrně. Používá se s syntaxí [(ngModel)]. Vyžaduje import FormsModule.
```
<input [(ngModel)]="userName" type="text">
```
Vazba atributů (Attribute Binding): Používá se k propojení HTML atributů, které nejsou vlastnostmi DOM (například colspan, aria-*). Používá se s prefixem attr..
```
<td [attr.colspan]="colspanCount"></td>
```
Vazba tříd (Class Binding): Umožňuje dynamicky přidávat nebo odstraňovat CSS třídy v závislosti na hodnotě vlastnosti komponenty.
```
<div [class.active]="isActive"></div>
```
Vazba stylů (Style Binding): Umožňuje nastavovat CSS styly v závislosti na hodnotě vlastnosti komponenty.
```
<div [style.backgroundColor]="bgColor"></div>
```