Memahami Konsep Data Binding pada AngularJS - Mr Brohid

Apa itu Data Binding pada Fitur AngularJS ?

Data Binding merupakan salah satu fitur dari AngularJS yang berfungsi sebagai sinkronisasi data secara otomatis antara Model dengan komponen tampilan (View), pada fitur ini AngularJS menerapkan Model sebagai Single-Source-of-Truth pada aplikasi anda, dan View sebagai projection dari model dalam setiap waktu.

Macam - macam Template Data Binding :

1. Data Binding in Classical Template Systems

Sebagian besar template ini mengikat data secara satu arah, yang menggabungkan antara template dengan komponen model yang nantinya akan menghasilkan sebuah tampilan. Akan teteapi hal buruk pada template classic ini adalah jika terjadi perubahan pada model maka di bagian tampilan tidak akan secara otomatis berubah. Hal ini developer harus menulis code sinkronisasi terus menurus antara model degan tampilan dan juga sebaliknya tampilan dengan model.


2. Data Binding In AngularJS Template

Pada template ini bekerja secara berbeda. Template pertama pada fitur ini merupakan HTML yang tidak di kompilasi dengan markup atau arahan tambahan. Langkah kompilasi ini akan menghasilkan tampilan langsung, jika terjadi perubahan pada tampilan maka akan model akan secara otomatis sama seperti tampilan dan juga sebaliknya model dengan tampilan, Hal ini Model merupakan  Single-Source-of-Truth pada aplikasi anda jadi sangat sederhana untuk mengembangkan pemograman model anda.

Karena tampilan hanya terproyeksi dari model, jadi sangat mudah untuk menguji controller anda secara terpisah tanpa tampilan dan ketergantungan browser.