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>
```