რა განსხვავებები არსებობს Angular-ის სხვადასხვა მონაცემთა დაკავშირების ტიპებს შორის?

Angular-ში არსებობს სხვადასხვა მონაცემთა დაკავშირების ტიპები, რომლებიც საშუალებას აძლევენ მონაცემების დაკავშირებას კომპონტსა და შაბლონს შორის:

• მოძრაობის დაკავშირება (Property Binding): უკავშირდება DOM ელემენტის თვისებას კომპონტიდან გამოთქმასთან. ერთმხრივი — მონაცემები მიდის კომპონტიდან შაბლონზე.

  <img [src]="imageUrl">
  

• საგნის დაკავშირება (Event Binding): უკავშირდება DOM-ის მოვლენის დამუშავებელს კომპონტში. საშუალებას აძლევს რეაგირება მოახდინოს მომხმარებლის მოქმედებებზე.

  <button (click)="onClick()">მაჩვენე მე</button>
  

• ორმხრივი დაკავშირება (Two-way Binding): აერთიანებს property და event დაკავშირებას მონაცემების სინქრონიზაციისთვის კომპონტსა და შაბლონს შორის. გამოიყენება სინტაქსით [(ngModel)].

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

• ინტერპოლაცია (Interpolation): კომპონენტიდან მნიშვნელობის ჩასმა შაბლონში როგორც ტექსტი.

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

ძირითადი განსხვავება მონაცემთა გადაცემის მიმართულებასა და მიზანში მდგომარეობს: property binding — კომპონტიდან შაბლონზე, event binding — შაბლონიდან კომპონენტზე, ორი მიმართულების დაკავშირება — ორივე მიმართულებით სინქრონიზაცია.