Kādi ir saistību veidi Angular?

Angular ir piedāvā vairākus datu saistīšanas veidus, kas ļauj sinhronizēt datus starp komponentu un šablonu:

Īpašības saistīšana (Property Binding): ļauj sasaistīt HTML elementa īpašību ar komponenta īpašību. Komponenta īpašības izmaiņas atjaunina HTML īpašību. Izmanto kvadrātiekavas [].
```
<img [src]="imageUrl" alt="Image">
```
Interpolācija (Interpolation): ļauj attēlot komponenta īpašības vērtību kā rindu šablonā. Izmanto dubultās iekavas {{}}.
```
<p>{{ greeting }}</p>
```
Notikumu saistīšana (Event Binding): ļauj reaģēt uz DOM notikumiem (piemēram, klikšķiem, teksta ievadi) un izsaukt komponenta metodes. Izmanto iekavas ().
```
<button (click)="onClick()">Click me</button>
```
Divpusēja saistīšana (Two-Way Binding): apvieno īpašības un notikumu saistīšanu, ļaujot sinhronizēt vērtību starp formas elementu un komponenta īpašību abos virzienos. Izmanto sintaksi [(ngModel)]. Nepieciešams importēt FormsModule.
```
<input [(ngModel)]="userName" type="text">
```
Atribūtu saistīšana (Attribute Binding): tiek izmantota HTML atribūtu saistīšanai, kas nav DOM īpašības (piemēram, colspan, aria-*). Izmanto prefiksu attr..
```
<td [attr.colspan]="colspanCount"></td>
```
Klasu saistīšana (Class Binding): ļauj dinamiski pievienot vai noņemt CSS klases elementam atkarībā no komponenta īpašības vērtības.
```
<div [class.active]="isActive"></div>
```
Stilu saistīšana (Style Binding): ļauj iestatīt CSS stilus elementam atkarībā no komponenta īpašības vērtības.
```
<div [style.backgroundColor]="bgColor"></div>
```