Aké typy väzieb existujú v 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>
```