Angular-ში რა ტიპის ბმულები არსებობს?

Angular-ში არსებობს რამდენიმე ტიპის ბმული, რომელიც საშუალებას აძლევს მონაცემების სინქრონიზაციას კომპონენტსა და შაბლონს შორის:

შესაკუთრის ბმული (Property Binding): საშუალებას აძლევს HTML-ის თვისებას მიაბას კომპონენტის თვისებას. კომპონენტის თვისების მნიშვნელობის ცვლილება განაახლებს HTML-ის თვისებას. გამოიყენება კუბურ ბრეკეტებში [].
```
<img [src]="imageUrl" alt="Image">
```
ინტერპოლაცია (Interpolation): საშუალებას აძლევს კომპონენტის თვისების მნიშვნელობას გამოჩნდეს შაბლონში სტრიქონის სახით. იყენებს ორმაგ კუბურ ბრეკეტებს {{}}.
```
<p>{{ greeting }}</p>
```
საგნების ბმული (Event Binding): საშუალებას აძლევს რეაგირება მოახდინოს DOM-ის მოვლენებზე (მაგალითად, კლიკები, ტექსტის შეყვანა) და გამოიძახოს კომპონენტის მეთოდები. გამოიყენება გრგული ბრეკეტებში ().
```
<button (click)="onClick()">Click me</button>
```
ორმხრივი ბმული (Two-Way Binding): აერთიანებს თვისების ბმულს და მოვლენების ბმულს, რაც საშუალებას აძლევს სინქრონიზაცია მოახდინოს ფორმის ელემენტის მნიშვნელობასა და კომპონენტის თვისებას შორის ორივე მიმართულებით. იყენებს სინტაქსს [(ngModel)]. საჭიროებს FormsModule-ის იმპორტს.
```
<input [(ngModel)]="userName" type="text">
```
ატრიბუტების ბმული (Attribute Binding): გამოიყენება HTML ატრიბუტების ბმულისთვის, რომლებიც არ არის DOM-ის თვისებები (მაგალითად, colspan, aria-*). გამოიყენება პრეფიქსით attr..
```
<td [attr.colspan]="colspanCount"></td>
```
კლასების ბმული (Class Binding): საშუალებას აძლევს დინამიურად დაამატოს ან წაშალოს CSS კლასი ელემენტზე კომპონენტის თვისების მნიშვნელობის მიხედვით.
```
<div [class.active]="isActive"></div>
```
სტილების ბმული (Style Binding): საშუალებას აძლევს განსაზღვროს CSS სტილები ელემენტზე კომპონენტის თვისების მნიშვნელობის მიხედვით.
```
<div [style.backgroundColor]="bgColor"></div>
```