Angular

Pada modul ini kita akan membahas Grouping Form Control. Melakukan grouping cocok digunakan jika form yang Anda miliki besar dan complex. Dengan melakukan grouping kita bisa melakukan validasi lagi pada level group. Untuk menambahkan grouping, digunakan directive ngModelGroup. Pada contoh kita akan gunakan grouping untuk input username dan mail. Jika Anda jalankan, dapat dilihat dari … Read more

Pada modul ini kita akan bahas penggunaan two-way binding pada form. Buka file app.component.html, lalu tambahkan input type text dan element paragraph untuk menampilkan data two-way binding. Kemudian buka file app.component.ts, tambahkan property untuk menyimpan data two-way binding, dalam hal ini adalah property answerSecret. Berikut isi lengkap file app.component.html Isi lengkap file app.component.ts Sesuai ekspektasi, … Read more

Melanjutkan dari modul sebelumnya, kali ini kita akan membahas menggunakan default value pada form. Contohnya, kita akan menggunakan default value pada element select. Untuk default value, kita dapat gunakan one-way property binding, Buka file app.component.html, lalu tambahkan berikutnya kita perlu definisikan nilai property defaultSecret pada app.component.ts, misalnya kita akan gunakan value pet sebagai default. Berikut … Read more

Modul ini akan membahas pendekatan Template Driven. Untuk keperluan tutorial ini, Anda dapat download file disini https://drive.google.com/file/d/1W38xVygivms7QeLTgxQ6jlRkO5Ttdmin/view?usp=sharing Project akan berisi app component saja yang berisi form sederhana. Jika Anda buka file app.component.html, dapat dilihat element <form> tidak berisi attribute action dan method, karena hal ini akan dihandling melalui Angular. Hal yang harus dilakukan adalah, menambahkan … Read more