Angular’da iki yönlü bağlama, bir bileşenin verilerini kullanıcının girdileriyle güncellemek için kullanılan bir özelliktir. Bu özellik sayesinde, bileşenlerdeki verilerin hem görüntülenmesi hem de değiştirilmesi sağlanır.
İki yönlü bağlama, bir bileşenin verilerini hem bir model nesnesinde hem de bir kullanıcı arayüzünde gösterir. Bu şekilde, kullanıcıların verileri görüntülemelerinin yanı sıra, verileri değiştirirken bileşen içindeki model nesnesini otomatik olarak güncellemesine olanak tanır.
Örneğin, bir giriş kutusunda kullanıcının yazdığı bir değeri, aynı anda bileşenin arka planındaki bir model nesnesinde saklamak için iki yönlü bağlama kullanılabilir. Kullanıcının yazdığı değer girdi kutusuna bağlı olarak otomatik olarak güncellenirken, aynı zamanda bileşenin arka planındaki model nesnesi de otomatik olarak güncellenir.
Angular’da, iki yönlü bağlama [(ngModel)] özelliği kullanılarak gerçekleştirilir. Bu özellik, hem veriyi görüntüler hem de değiştirdiğinde bileşenin model nesnesini günceller. Örneğin:
python
<input [(ngModel)]=”username” />
Bu kod, bir girdi kutusunu bileşene ekler ve kullanıcının yazdığı değeri bileşenin username özelliğine atar. Kullanıcı girdi kutusundaki değeri değiştirdiğinde, bileşenin username özelliği de otomatik olarak güncellenir.