Aké sú rozdiely medzi rôznymi typmi väzby dát v Angular?

V Angularu obstajajo različne vrste povezav podatkov, ki omogočajo povezovanje podatkov med komponento in predlogo:

• Povezava lastnosti (Property Binding): povezuje lastnost elementa DOM z izrazom iz komponente. Enosmerno — podatki gredo iz komponente v predlogo.

  <img [src]="imageUrl">
  

• Povezava dogodka (Event Binding): povezuje dogodek DOM z obdelovalnikom v komponenti. Omogoča odzivanje na uporabniške akcije.

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

• Dvosmerna povezava (Two-way Binding): združuje property in event povezavo za sinhronizacijo podatkov med komponento in predlogo. Uporablja se s sintakso [(ngModel)].

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

• Interpolacija (Interpolation): vstavi vrednost iz komponente v predlogo kot besedilo.

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

Glavna razlika je v smeri prenosa podatkov in cilju: property binding — iz komponente v predlogo, event binding — iz predloge v komponento, dvosmerno povezovanje — sinhronizira v obe smeri.