Angular-da hansı bağlama növləri mövcuddur?

Angular-da, məlumatların komponent və şablon arasında sinxronlaşdırılmasını təmin edən müxtəlif bağlama növləri mövcuddur:

Xüsusiyyət Bağlaması (Property Binding): Elementin HTML xüsusiyyətini komponentin xüsusiyyətinə bağlamağa imkan verir. Komponentin xüsusiyyətinin dəyəri dəyişdikdə, HTML xüsusiyyətinin dəyəri yenilənir. Kvadrat mötərizələr [] ilə istifadə olunur.
```
<img [src]="imageUrl" alt="Şəkil">
```
Interpolasiya: Komponentin xüsusiyyətinin dəyərini şablonda sətir kimi göstərməyə imkan verir. İkiqat mötərizələr {{}} istifadə olunur.
```
<p>{{ greeting }}</p>
```
Hadisə Bağlaması (Event Binding): DOM hadisələrinə (məsələn, kliklər, mətn daxil etmə) cavab vermək və komponentin metodlarını çağırmaq imkanı verir. Parantezlər () istifadə olunur.
```
<button (click)="onClick()">Məni vur</button>
```
İki-Yönlü Bağlama (Two-Way Binding): Xüsusiyyət bağlaması və hadisə bağlamasını birləşdirir, forma elementinin dəyərini və komponentin xüsusiyyətini hər iki istiqamətdə sinxronlaşdırmağa imkan verir. [(ngModel)] sintaksisindən istifadə olunur. FormsModule import edilməlidir.
```
<input [(ngModel)]="userName" type="text">
```
Atribut Bağlaması (Attribute Binding): DOM-un xüsusiyyətləri olmayan HTML atributlarını bağlamaq üçün istifadə olunur (məsələn, colspan, aria-*). attr. prefiksi ilə istifadə olunur.
```
<td [attr.colspan]="colspanCount"></td>
```
Sinif Bağlaması (Class Binding): CSS siniflərini dinamik olaraq əlavə və ya silməyə imkan verir, bu, komponentin xüsusiyyətinə əsaslanır.
```
<div [class.active]="isActive"></div>
```
Stil Bağlaması (Style Binding): CSS stillərini komponentin xüsusiyyətinə əsaslanaraq təyin etməyə imkan verir.
```
<div [style.backgroundColor]="bgColor"></div>
```