Middle

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

sobes.tech yapay zeka

AI'dan gelen yanıt

Angular'da aşağıdaki veri bağlama türleri vardır:

Kaynaktan Görünüme Tek Yönlü Veri Bağlama (One-Way Data Binding: Bileşenden DOM'a): Bileşende yapılan değişiklikler görünümde (HTML) yansır.
- Yüzdeliklerle Bağlama (Interpolation): Bileşenin özelliklerinin değerlerini gösterir.
```
<p>{{ bileşenÖzelliği }}</p>
```
- Özellik Bağlama (Property Binding): DOM öğelerinin özelliklerine değer atar.
```
<img [src]="resimUrl">
```
Görünümden Kaynağa Tek Yönlü Veri Bağlama (One-Way Data Binding: DOM'dan Bileşene): Görünümdeki (kullanıcı olayları) değişiklikler bileşenin özelliklerini etkiler.
- Olay Bağlama (Event Binding): DOM öğesi olaylarını işler.
```
<button (click)="tıkla()">Beni tıkla</button>
```
İki Yönlü Veri Bağlama (Two-Way Data Binding): Bileşen ve görünümdeki değişiklikler birbirini etkiler.
- [()] sözdizimini kullanır.
```
<input [(ngModel)]="kullaniciAdi">
```
- ngModel için FormsModule'ün içe aktarılması gerekir.