Milyen kötéstípusok vannak az Angularban?

Angularban többféle kötéstípus létezik, amelyek lehetővé teszik az adatok szinkronizálását a komponens és a sablon között:

Tulajdonság kötés (Property Binding): Lehetővé teszi egy elem HTML tulajdonságának összekapcsolását a komponens egyik tulajdonságával. A komponens tulajdonságának értékváltozásai frissítik a HTML tulajdonság értékét. Szögletes zárójeleket [] használ.
```
<img [src]="imageUrl" alt="Kép">
```
Interpoláció: Lehetővé teszi a komponens tulajdonságának értékének megjelenítését a sablonban szövegként. Két kapcsos zárójel {{}} használ.
```
<p>{{ greeting }}</p>
```
Esemény kötés (Event Binding): Lehetővé teszi a DOM eseményekre való reagálást (pl. kattintás, szövegbevitel) és a komponens metódusainak hívását. Körzárójeleket () használ.
```
<button (click)="onClick()">Kattints rám</button>
```
Kétirányú kötés (Two-Way Binding): Kombinálja a tulajdonság kötést és az esemény kötést, lehetővé téve az érték szinkronizálását egy űrlapelem és a komponens tulajdonsága között mindkét irányban. A [(ngModel)] szintaxist használja. A FormsModule importálása szükséges.
```
<input [(ngModel)]="userName" type="text">
```
Attribútum kötés (Attribute Binding): Olyan HTML attribútumok kötésére szolgál, amelyek nem DOM tulajdonságok (pl. colspan, aria-*). A attr. prefixet használja.
```
<td [attr.colspan]="colspanCount"></td>
```
Osztály kötés (Class Binding): Lehetővé teszi CSS osztályok dinamikus hozzáadását vagy eltávolítását a komponens tulajdonságának értékétől függően.
```
<div [class.active]="isActive"></div>
```
Stílus kötés (Style Binding): Lehetővé teszi CSS stílusok beállítását a komponens tulajdonságának értékétől függően.
```
<div [style.backgroundColor]="bgColor"></div>
```