Angular'da farklı veri bağlama türleri arasındaki farklar nelerdir?

Angular'da, bileşen ile şablon arasında veri bağlamayı sağlayan farklı veri bağlama türleri vardır:

• Özellik Bağlama (Property Binding): DOM öğesinin özelliğini, bileşendeki bir ifade ile bağlar. Tek yönlüdür — veriler bileşenden şablona gider.

  <img [src]="imageUrl">
  

• Olay Bağlama (Event Binding): DOM olayını, bileşende bir işleyici ile bağlar. Kullanıcı eylemlerine yanıt vermeyi sağlar.

  <button (click)="onClick()">Beni tıkla</button>
  

• İki yönlü Bağlama (Two-way Binding): property ve event bağlamayı birleştirerek, bileşen ile şablon arasında veriyi senkronize eder. [(ngModel)] sözdizimi ile kullanılır.

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

• İnterpolasyon (Interpolation): bileşenden gelen değeri, şablonda metin olarak yerleştirir.

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

Ana fark, veri iletiminin yönü ve amacı ile ilgilidir: property binding — bileşenden şablona, event binding — şablondan bileşene, iki yönlü bağlama — her iki yönü de senkronize eder.