Middle

Таврии фарқият байни намудҳои гуногуни пайвасткунии маълумот дар Angular?

sobes.tech AI

Ҷавоб аз AI

Дар Angular намудҳои гуногуни пайвасткунии маълумот мавҷуданд, ки имкон медиҳанд, ки маълумотҳоро байни компонент ва намуна пайваст кунанд:

Пайвасткунии хосият (Property Binding): хосияти унсури DOM-ро бо изҳороти аз компонент пайваст мекунад. Як самтӣ — маълумот аз компонент ба намуна меравад.
```
<img [src]="imageUrl">
```
Пайвасткунии ҳодиса (Event Binding): ҳодисаи DOM-ро бо коркардкунанда дар компонент пайваст мекунад. Имкон медиҳад, ки ба амалҳои корбар вокуниш нишон диҳад.
```
<button (click)="onClick()">Маро клик кунед</button>
```
Пайвасткунии дуҷониба (Two-way Binding): ҳамоҳангсозии property ва event барои ҳамоҳангсозии маълумот байни компонент ва намуна. Бо синтаксиси [(ngModel)] истифода мешавад.
```
<input [(ngModel)]="username">
```
Интерполяция (Interpolation): арзиши аз компонентро ҳамчун матн дар намуна ҷой медиҳад.
```
<p>{{ username }}</p>
```

Муҳимтарини фарқият дар самтҳои интиқоли маълумот ва ҳадаф аст: property binding — аз компонент ба намуна, event binding — аз намуна ба компонент, дуҷониба — дар ҳар ду самт ҳамоҳангсозӣ мекунад.

Гузашта Оянда