Ποιοι τύποι δεσμών υπάρχουν στο Angular;

Στο Angular, υπάρχουν διάφοροι τύποι δέσμευσης που επιτρέπουν την συγχρονισμό δεδομένων μεταξύ του συστατικού και του προτύπου:

Δέσμευση ιδιότητας (Property Binding): Επιτρέπει τη σύνδεση της ιδιότητας HTML ενός στοιχείου με μια ιδιότητα του συστατικού. Οι αλλαγές στην τιμή της ιδιότητας του συστατικού ενημερώνουν την τιμή της ιδιότητας HTML. Χρησιμοποιεί τετράγωνες αγκύλες [].
```
<img [src]="imageUrl" alt="Εικόνα">
```
Ενδοσκόπηση (Interpolation): Επιτρέπει την εμφάνιση της τιμής μιας ιδιότητας του συστατικού ως συμβολοσειρά στο πρότυπο. Χρησιμοποιεί διπλά αγκύλες {{}}.
```
<p>{{ greeting }}</p>
```
Δέσμευση συμβάντων (Event Binding): Επιτρέπει την αντίδραση σε συμβάντα DOM (π.χ. κλικ, εισαγωγή κειμένου) και την κλήση μεθόδων του συστατικού. Χρησιμοποιεί παρενθέσεις ().
```
<button (click)="onClick()">Κάνε κλικ σε μένα</button>
```
Διπλής κατεύθυνσης δέσμευση (Two-Way Binding): Συνδυάζει τη δέσμευση ιδιότητας και συμβάντων, επιτρέποντας την συγχρονισμό της τιμής μεταξύ ενός στοιχείου φόρμας και μιας ιδιότητας του συστατικού και στις δύο κατευθύνσεις. Χρησιμοποιεί τη σύνταξη [(ngModel)]. Απαιτεί την εισαγωγή του FormsModule.
```
<input [(ngModel)]="userName" type="text">
```
Δέσμευση χαρακτηριστικών (Attribute Binding): Χρησιμοποιείται για τη δέσμευση HTML χαρακτηριστικών που δεν είναι ιδιότητες του DOM (π.χ. colspan, aria-*). Χρησιμοποιεί το πρόθεμα attr..
```
<td [attr.colspan]="colspanCount"></td>
```
Δέσμευση κλάσεων (Class Binding): Επιτρέπει την δυναμική προσθήκη ή αφαίρεση CSS κλάσεων ανάλογα με την τιμή μιας ιδιότητας του συστατικού.
```
<div [class.active]="isActive"></div>
```
Δέσμευση στυλ (Style Binding): Επιτρέπει τον ορισμό CSS στυλ ανάλογα με την τιμή μιας ιδιότητας του συστατικού.
```
<div [style.backgroundColor]="bgColor"></div>
```