Angular-da müxtəlif məlumat bağlama növləri arasındakı fərqlər nələrdir?

Angular-da, məlumatların komponent və şablon arasında əlaqələndirilməsini təmin edən müxtəlif məlumat əlaqələndirmə növləri mövcuddur:

• Xüsusiyyət Bağlantısı (Property Binding): DOM elementinin xüsusiyyətini komponentdən ifadə ilə əlaqələndirir. Tək yönlü — məlumatlar komponentdən şablona keçir.

  <img [src]="imageUrl">
  

• Hadisə Bağlantısı (Event Binding): DOM hadisəsini komponentdəki idarəçiyə bağlayır. İstifadəçi fəaliyyətlərinə cavab verməyə imkan verir.

  <button (click)="onClick()">Məni vur</button>
  

• İki Yönlü Bağlantı (Two-way Binding): property və event bağlamasını birləşdirir, məlumatların komponent və şablon arasında sinxronlaşdırılmasını təmin edir. [(ngModel)] sintaksisi ilə istifadə olunur.

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

• Interpolasiya (Interpolation): komponentdən alınan dəyəri mətn kimi şablona daxil edir.

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

Əsas fərq məlumatların ötürülmə istiqamətində və məqsədindədir: property binding — komponentdən şablona, event binding — şablondan komponentə, iki yönlü bağlama — hər iki istiqamətdə sinxronizasiya.