Pada artikel kali ini saya akan kembali membahas tentang angular 4 yaitu Menggunakan Two-way Data Binding Pada Angular 4 , setelah sebelumnya kita telah membahas tentang string interpolation kali yang dapat anda baca di postingan sebelumnya.

Two way data-binding merupakan mekanisme sinkronisasi otomatis antara service dan template. Gampangnya, ketika ada perubahan pada property service yang berasal dari template, Angular secara otomatis membuat perubahan pada service dengan menggunakan [(ngModel)]=”property_name”. Begitu pula sebaliknya. Hal ini terjadi secara otomatis, jadi kita tidak perlu menuliskan kode secara manual untuk mencapai mekanisme ini.
Jika di rasa kurang paham saya akan memberikan contoh penggunaanya:

file manual-alert.component.html:

file manual-alert.component.ts

Jika ini di jalankan maka property username dapat di ubah langsung melalui template tanpa kita mengubah manual untuk mengubahnya.
Inilah contoh sederhana dari penerapan two-way binding, sampai bertemu pada artikel selanjutnya.