Дар Angular кадом намудҳои пайвастшавӣ мавҷуданд…

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

Пайвасткунии хосият (Property Binding): Имкон медиҳад, ки хосияти HTML-и унсури бо хосияти компонента пайваст карда шавад. Тағйироти арзиши хосияти компонента арзиши хосияти HTML-ро навсозӣ мекунад. Бо мурурҳои мураббаъ [] истифода мешавад.
```
<img [src]="imageUrl" alt="Расм">
```
Интерполяция: Имкон медиҳад, ки арзиши хосияти компонента ҳамчун сатр дар намуна нишон дода шавад. Бо ду мурурҳои мӯҳр {{}} истифода мешавад.
```
<p>{{ greeting }}</p>
```
Пайвасткунии ҳодиса (Event Binding): Имкон медиҳад, ки ба ҳодисаҳои DOM (масалан, кликҳо, ворид кардани матн) вокуниш нишон диҳед ва усулҳои компонентаи худро даъват кунед. Бо мурурҳои мураббаъ () истифода мешавад.
```
<button (click)="onClick()">Маро клик кунед</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>
```

Дар Angular кадом намудҳои пайвастшавӣ мавҷуданд?