Angular'da hangi bağlama türleri vardır?

Angular'da, bileşen ile şablon arasında veri senkronizasyonu sağlayan birkaç bağlama türü vardır:

Özellik Bağlama (Property Binding): Bir HTML öğesinin özelliğini, bileşenin bir özelliğine bağlamayı sağlar. Bileşenin özelliğinin değeri değiştiğinde, HTML özelliğinin değeri güncellenir. Köşeli parantez [] kullanılır.
```
<img [src]="imageUrl" alt="Resim">
```
İnterpolasyon: Bileşenin bir özelliğinin değerini, şablonda bir dize olarak göstermenizi sağlar. Çift süslü parantez {{}} kullanılır.
```
<p>{{ greeting }}</p>
```
Olay Bağlama (Event Binding): DOM olaylarına (örneğin, tıklamalar, metin girişleri) tepki vermeyi ve bileşenin metodlarını çağırmayı sağlar. Parantez () kullanılır.
```
<button (click)="onClick()">Bana tıkla</button>
```
İki Yönlü Bağlama (Two-Way Binding): Özellik bağlama ve olay bağlamayı birleştirir, böylece form öğesi ile bileşenin özelliği arasında her iki yönde senkronizasyon sağlar. [(ngModel)] sözdizimi kullanılır. FormsModule içe aktarılmalıdır.
```
<input [(ngModel)]="userName" type="text">
```
Özellik Attributu Bağlama (Attribute Binding): DOM'nun özellikleri olmayan HTML özniteliklerini bağlamak için kullanılır (örneğin, colspan, aria-*). attr. öneki kullanılır.
```
<td [attr.colspan]="colspanCount"></td>
```
Sınıf Bağlama (Class Binding): Bir öğeye CSS sınıflarını, bileşenin bir özelliğine bağlı olarak dinamik olarak ekleyip kaldırmaya olanak tanır.
```
<div [class.active]="isActive"></div>
```
Stil Bağlama (Style Binding): Bir öğenin CSS stillerini, bileşenin bir özelliğine bağlı olarak ayarlamayı sağlar.
```
<div [style.backgroundColor]="bgColor"></div>
```