Angular

Setelah menyelesaikan tutorial Membuat Web App Menggunakan Angular Part 1, Anda diharapkan sudah memahami: Stuktur File dari Project Angular Hubungan antar file pada Project Angular Konsep Komponen, Directive, Routing dan Observable. Bagaimana melakukan Form Handling. Pada Part 2, kita akan aplikasikan pengetahuan diatas dalam real project, sambil mendalami konsep-konsep lainnya dari Angular. Terima Kasih dan … Read more

Pada modul ini kita akan beberapa fungsi sekaligus yaitu obeservable untuk value dan status, setValue dan patchValue serta form reset. Observable value Untuk contoh, buka file app.component.ts, lalu pada method ngOnInit tambahkan code Perhatian, kita juga dapat observe pada level control. Jika dijalankan, perhatikan pada console, setiap kita melakukan perubahan pada form, value dari form … Read more

Ada kalanya kita perlu melakukan validasi ke server, dimana kita tidak mengetahui kapan return akan dikembalikan. Untuk itu perlu digunakan pendekatan async. Skenarionya adalah memeriksa validasi email, kita akan gunakan setTimeOut untuk mesimulasikan asynchronous. Untuk membuat async validator, kita gunakan promise. Sementara untuk implementasi pada form control, gunakan parameter ke tiga. (lihat baris comment pada … Read more

Masih melanjutkan dari modul sebelumnya, pada modul ini akan dibahas membuat custom validator. Validator pada dasarnya adalah javascript fungsi, yang akan dipanggil Angular untuk melakukan validasi. Skenarionya adalah kita ingin memastikan username tertentu tidak digunakan. Buka file app.component.ts, kita akan tambahkan property untuk menyimpan data username yang tidak boleh digunakan. method validator gunakan custom validator … Read more