Angular'da qanday bog'lanish turlari mavjud?

Angular'da, komponent va shablon o'rtasidagi ma'lumotlarni sinxronlashtirish uchun bir nechta bog'lanish turlari mavjud:

Xususiyat bog'lanishi (Property Binding): Elementning HTML xususiyatini komponentning xususiyatiga bog'lash imkonini beradi. Komponent xususiyatining qiymati o'zgarganda, HTML xususiyatining qiymati yangilanadi. Kvadrat qavslar [] bilan ishlatiladi.
```
<img [src]="imageUrl" alt="Rasm">
```
Interpolatsiya: Komponentning xususiyat qiymatini shablonda satr sifatida ko'rsatishga imkon beradi. Ikki marta qavs {{}} ishlatiladi.
```
<p>{{ greeting }}</p>
```
Voqealar bog'lanishi (Event Binding): DOM voqealariga (masalan, bosish, matn kiritish) javob berish va komponent metodlarini chaqirish imkonini beradi. Parantezlar () bilan ishlatiladi.
```
<button (click)="onClick()">Meni bos</button>
```
Ikki tomonlama bog'lanish (Two-Way Binding): Xususiyat bog'lanishi va voqealar bog'lanishini birlashtiradi, forma elementining qiymatini va komponent xususiyatini har ikkala yo'nalishda sinxronlashtirish imkonini beradi. [(ngModel)] sintaksisi ishlatiladi. FormsModule import qilinishi kerak.
```
<input [(ngModel)]="userName" type="text">
```
Atribut bog'lanishi (Attribute Binding): HTML atributlarini bog'lash uchun ishlatiladi, ular DOM xususiyatlari emas (masalan, colspan, aria-*). attr. prefiksi bilan ishlatiladi.
```
<td [attr.colspan]="colspanCount"></td>
```
Klass bog'lanishi (Class Binding): CSS klasslarini dinamik ravishda qo'shish yoki olib tashlash imkonini beradi, bu komponentning xususiyatiga bog'liq.
```
<div [class.active]="isActive"></div>
```
Stil bog'lanishi (Style Binding): CSS uslublarini komponentning xususiyatiga bog'liq holda o'rnatish imkonini beradi.
```
<div [style.backgroundColor]="bgColor"></div>
```