Ce tipuri de legături există în Angular?

În Angular, există mai multe tipuri de legături care permit sincronizarea datelor între componentă și șablon:

Legătura de proprietate (Property Binding): Permite legarea proprietății HTML a unui element la o proprietate a componentei. Modificările valorii proprietății componentei actualizează valoarea proprietății HTML. Se folosește cu paranteze pătrate [].
```
<img [src]="imageUrl" alt="Imagine">
```
Interpolare: Permite afișarea valorii unei proprietăți a componentei în șablon ca șir de caractere. Se folosește cu acolade duble {{}}.
```
<p>{{ greeting }}</p>
```
Legătura de eveniment (Event Binding): Permite reacția la evenimentele DOM (de exemplu, clicuri, introducerea de text) și apelarea metodelor componentei. Se folosește cu paranteze ().
```
<button (click)="onClick()">Clic pe mine</button>
```
Legătura bidirecțională (Two-Way Binding): Combină legătura de proprietate și legătura de eveniment, permițând sincronizarea valorii între un element de formular și o proprietate a componentei în ambele direcții. Se folosește sintaxa [(ngModel)]. Necesită importarea FormsModule.
```
<input [(ngModel)]="userName" type="text">
```
Legătura de atribute (Attribute Binding): Este utilizată pentru a lega atributele HTML care nu sunt proprietăți ale DOM (de exemplu, colspan, aria-*). Se folosește prefixul attr..
```
<td [attr.colspan]="colspanCount"></td>
```
Legătura de clase (Class Binding): Permite adăugarea sau eliminarea dinamică a claselor CSS în funcție de valoarea unei proprietăți a componentei.
```
<div [class.active]="isActive"></div>
```
Legătura de stiluri (Style Binding): Permite setarea stilurilor CSS în funcție de valoarea unei proprietăți a componentei.
```
<div [style.backgroundColor]="bgColor"></div>
```