Koje vrste veza postoje u Angularu?

U Angularu postoji nekoliko tipova veza koje omogućavaju sinhronizaciju podataka između komponente i šablona:

Veza svojstava (Property Binding): Omogućava povezivanje HTML svojstva elementa sa svojstvom komponente. Promene vrednosti svojstva komponente ažuriraju vrednost HTML svojstva. Koristi se sa uglastim zagradama [].
```
<img [src]="imageUrl" alt="Slika">
```
Interpolacija: Omogućava prikazivanje vrednosti svojstva komponente u šablonu kao stringa. Koristi se sa duplim vitičastim zagradama {{}}.
```
<p>{{ greeting }}</p>
```
Veza događaja (Event Binding): Omogućava reagovanje na DOM događaje (npr. klikovi, unos teksta) i pozivanje metoda komponente. Koristi se sa okruglim zagradama ().
```
<button (click)="onClick()">Klikni me</button>
```
Dvosmerna veza (Two-Way Binding): Kombinuje vezu svojstava i vezu događaja, omogućavajući sinhronizaciju vrednosti između elementa forme i svojstva komponente u oba smera. Koristi se sa sintaksom [(ngModel)]. Zahteva uvoz FormsModule.
```
<input [(ngModel)]="userName" type="text">
```
Veza atributa (Attribute Binding): Koristi se za povezivanje HTML atributa koji nisu svojstva DOM-a (npr. colspan, aria-*). Koristi se sa prefiksom attr..
```
<td [attr.colspan]="colspanCount"></td>
```
Veza klasa (Class Binding): Omogućava dinamičko dodavanje ili uklanjanje CSS klasa u zavisnosti od vrednosti svojstva komponente.
```
<div [class.active]="isActive"></div>
```
Veza stilova (Style Binding): Omogućava postavljanje CSS stilova u zavisnosti od vrednosti svojstva komponente.
```
<div [style.backgroundColor]="bgColor"></div>
```