Angular Forms – 1

Pendahuluan

Forms handling dalam aplikasi Angular berbeda dengan aplikasi web tradisional. Karena kita perlu bantuan Angular HTTP service (akan dibahas pada modul berbeda) ketika melakukan form submit.

Pada modul ini kita akan membahas forms manipulasi pada sisi client, seperti validasi, mengambil data yang diinput dan melakukan styling sebagai reaksi terhadap user input (misalnya menampilkan error message ketika data invalid).

Secara sederhana, Angular akan menyediakan JavaScript object dari forms, termasuk value dan metadata. Berikut contoh sederhananya:

Pendekatan diatas memudahkan kita dalam mengambil values dari forms element, mengetahui state dari form.

Terdapat 2 pendekatan yang disediakan Angular dalam menangani forms.

• Template-driven, form dibuat dalam file template html.
• Reactive, form dibuat dalam TypeScript code kemudian disambungkan dengan file html.

Kita akan bahas lebih mendalam kedua pendekatan diatas pada modul selanjutnya.