Quali sono i tipi di binding in Angular?

In Angular, ci sono diversi tipi di binding che consentono di sincronizzare i dati tra il componente e il template:

Binding delle proprietà (Property Binding): Permette di collegare la proprietà HTML di un elemento a una proprietà del componente. Le modifiche al valore della proprietà del componente aggiornano il valore della proprietà HTML. Si usa con le parentesi quadre [].
```
<img [src]="imageUrl" alt="Immagine">
```
Interpolazione: Permette di visualizzare il valore di una proprietà del componente nel template come stringa. Usa le doppie parentesi graffe {{}}.
```
<p>{{ greeting }}</p>
```
Binding degli eventi (Event Binding): Permette di rispondere agli eventi del DOM (ad esempio, clic, inserimento di testo) e chiamare metodi del componente. Si usa con le parentesi tonde ().
```
<button (click)="onClick()">Cliccami</button>
```
Binding bidirezionale (Two-Way Binding): Combina il binding delle proprietà e degli eventi, consentendo di sincronizzare il valore tra un elemento di input e una proprietà del componente in entrambe le direzioni. Usa la sintassi [(ngModel)]. Richiede l'importazione di FormsModule.
```
<input [(ngModel)]="userName" type="text">
```
Binding degli attributi (Attribute Binding): Viene usato per collegare attributi HTML che non sono proprietà del DOM (ad esempio, colspan, aria-*). Usa il prefisso attr..
```
<td [attr.colspan]="colspanCount"></td>
```
Binding delle classi (Class Binding): Permette di aggiungere o rimuovere dinamicamente classi CSS in base al valore di una proprietà del componente.
```
<div [class.active]="isActive"></div>
```
Binding degli stili (Style Binding): Permette di impostare gli stili CSS in base al valore di una proprietà del componente.
```
<div [style.backgroundColor]="bgColor"></div>
```