Millised on Angularis sidumistiilid?

Angular pakub mitmeid andmesidumise tüüpe, mis võimaldavad andmeid komponendi ja mallide vahel sünkroniseerida:

Omaduse sidumine (Property Binding): võimaldab siduda HTML-i elemendi omaduse komponendi omadusega. Komponendi omaduse muutused uuendavad HTML-i omadust. Kasutatakse ruudukujuliste sulgude [].
```
<img [src]="imageUrl" alt="Image">
```
Interpolatsioon (Interpolation): võimaldab kuvada komponendi omaduse väärtust stringina mallis. Kasutatakse kahekordsete kühvlite {{}}.
```
<p>{{ greeting }}</p>
```
Sündmuse sidumine (Event Binding): võimaldab reageerida DOM-i sündmustele (näiteks klõpsud, teksti sisestamine) ja kutsuda välja komponendi meetodeid. Kasutatakse ümaraid sulgusid ().
```
<button (click)="onClick()">Click me</button>
```
Kahepoolne sidumine (Two-Way Binding): ühendab omaduse sidumise ja sündmuse sidumise, võimaldades sünkroniseerida väärtust vormielemendi ja komponendi omaduse vahel mõlemas suunas. Kasutatakse süntaksit [(ngModel)]. Vajalik on importida FormsModule.
```
<input [(ngModel)]="userName" type="text">
```
Atribuutide sidumine (Attribute Binding): kasutatakse HTML-i atribuutide sidumiseks, mis ei ole DOM-i omadused (näiteks colspan, aria-*). Kasutatakse prefiksit attr..
```
<td [attr.colspan]="colspanCount"></td>
```
Klasside sidumine (Class Binding): võimaldab dünaamiliselt lisada või eemaldada CSS-klassi elemendilt sõltuvalt komponendi omaduse väärtusest.
```
<div [class.active]="isActive"></div>
```
Stiilide sidumine (Style Binding): võimaldab määrata CSS-stiile elemendile sõltuvalt komponendi omaduse väärtusest.
```
<div [style.backgroundColor]="bgColor"></div>
```