Kokie yra ryšių tipai Angular?

Angular yra keli tipai duomenų ryšių, leidžiančių sinchronizuoti duomenis tarp komponento ir šablono:

Savybės ryšys (Property Binding): leidžia susieti HTML elemento savybę su komponento savybe. Komponento savybės pokyčiai atnaujina HTML savybę. Naudojama kvadratinėse skliausteliuose [].
```
<img [src]="imageUrl" alt="Image">
```
Interpolacija (Interpolation): leidžia rodyti komponento savybės reikšmę kaip eilutę šablone. Naudojama dvigubose skliaustėliuose {{}}.
```
<p>{{ greeting }}</p>
```
Įvykių ryšys (Event Binding): leidžia reaguoti į DOM įvykius (pvz., paspaudimus, teksto įvedimą) ir iškviesti komponento metodus. Naudojama skliausteliuose ().
```
<button (click)="onClick()">Click me</button>
```
Dvipusis ryšys (Two-Way Binding): sujungia savybės ir įvykių ryšį, leidžiant sinchronizuoti reikšmę tarp formos elemento ir komponento savybės abiem kryptimis. Naudojama sintakse [(ngModel)]. Reikia importuoti FormsModule.
```
<input [(ngModel)]="userName" type="text">
```
Atributų ryšys (Attribute Binding): naudojamas HTML atributų susiejimui, kurie nėra DOM savybės (pvz., colspan, aria-*). Naudojama prefiksu attr..
```
<td [attr.colspan]="colspanCount"></td>
```
Klasės ryšys (Class Binding): leidžia dinamiškai pridėti arba pašalinti CSS klases iš elemento priklausomai nuo komponento savybės reikšmės.
```
<div [class.active]="isActive"></div>
```
Stilių ryšys (Style Binding): leidžia nustatyti CSS stilius elemento priklausomai nuo komponento savybės reikšmės.
```
<div [style.backgroundColor]="bgColor"></div>
```