Millised on erinevat tüüpi andmeühenduste erinevused Angularis?

Angularis on erinevat tüüpi andmesidemed, mis võimaldavad siduda andmeid komponendi ja mallide vahel:

• Omaduse sidumine (Property Binding): ühendab DOM-i elemendi omaduse komponendi avaldisega. Ühesuunaline — andmed liiguvad komponendist mallini.

  <img [src]="imageUrl">
  

• Sündmuse sidumine (Event Binding): ühendab DOM-i sündmuse komponendi töötlejaga. Võimaldab reageerida kasutaja tegevustele.

  <button (click)="onClick()">Vajuta mind</button>
  

• Kahepoolne sidumine (Two-way Binding): ühendab omaduse ja sündmuse sideme, et sünkroniseerida andmeid komponendi ja malli vahel. Kasutatakse süntaksiga [(ngModel)].

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

• Interpolatsioon (Interpolation): sisestab komponendi väärtuse tekstina malli.

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

Peamine erinevus seisneb andmeedastuse suunas ja eesmärgis: omaduse sidumine — komponendist mallile, sündmuse sidumine — mallist komponendile, kahepoolne sidumine — sünkroniseerib mõlemas suunas.