Koje su razlike između različitih tipova povezivanja podataka u Angular?

U Angularu postoje različiti tipovi povezivanja podataka koji omogućavaju povezivanje podataka između komponente i šablona:

• Povezivanje svojstava (Property Binding): povezuje svojstvo DOM elementa sa izrazom iz komponente. Jednosmerno — podaci idu iz komponente u šablon.

  <img [src]="imageUrl">
  

• Povezivanje događaja (Event Binding): povezuje događaj DOM-a sa obradnikom u komponenti. Omogućava reagovanje na akcije korisnika.

  <button (click)="onClick()">Klikni me</button>
  

• Dvosmerno povezivanje (Two-way Binding): kombinuje property i event povezivanje da sinhronizuje podatke između komponente i šablona. Koristi se sa sintaksom [(ngModel)].

  <input [(ngModel)]="username">
  

• Interpolacija (Interpolation): ubacuje vrednost iz komponente u šablon kao tekst.

  <p>{{ username }}</p>
  

Glavna razlika je u pravcu prenosa podataka i cilju: property binding — iz komponente u šablon, event binding — iz šablona u komponentu, dvosmerno povezivanje — sinhronizuje u oba smera.