Middle

Angular'da turli ma'lumotlar bog'lash turlari o'rtasidagi farqlar nimalarda?

sobes.tech AI

AIdan javob

Angular'da, komponent va shablon o'rtasida ma'lumotlarni bog'lash imkonini beradigan turli ma'lumotlarni bog'lash turlari mavjud:

Xususiyat bog'lash (Property Binding): DOM elementining xususiyatini komponentdagi ifoda bilan bog'laydi. Bir yo'nalishli — ma'lumotlar komponentdan shablonga o'tadi.
```
<img [src]="imageUrl">
```
Voqea bog'lash (Event Binding): DOM voqeasini komponentdagi handler bilan bog'laydi. Foydalanuvchi harakatlariga javob berishga imkon beradi.
```
<button (click)="onClick()">Meni bos</button>
```
Ikki tomonlama bog'lash (Two-way Binding): property va event bog'lashni birlashtiradi, shunda ma'lumotlar komponent va shablon o'rtasida sinxronlashtiriladi. [(ngModel)] sintaksisi bilan ishlatiladi.
```
<input [(ngModel)]="username">
```
Interpolyatsiya (Interpolation): komponentdagi qiymatni matn sifatida shablonga joylashtiradi.
```
<p>{{ username }}</p>
```

Asosiy farq ma'lumotlarni uzatish yo'nalishi va maqsadida: property bog'lash — komponentdan shablonga, voqea bog'lash — shablondan komponentga, ikki tomonlama bog'lash — har ikkala yo'nalishda sinxronlashtirish.

Oldingi Keyingi