Angular03

Pada modul ini kita akan mulai implementasi untuk save ke Firebase dan fetch data dari Firebase. Save Recipe Buka file shared/data-storage.service.ts, lalu tambahkan method untuk save. Kemudian buka file header.component.html, tambakan click listener untuk save data. Buka file header.component.ts, implementasikan method untuk handling click listener diatas. Jika test, dapat dilihat, data berhasil kita simpan di … Read more

Setelah kita pelajari http request pada modul sebelumnya, kita akan implementasikan pada project buku resep dari tutorial sebelumnya. File project terakhir dapat di download disini: https://drive.google.com/file/d/1B0Zm9EGZ4lAalcCXq1U2oWjTKnx4YZSr/view?usp=sharing Pada tutorial, data resep akan disimpan di Firebase (tentu Anda dapat menggunakan server dan membuat API sendiri). Buat project baru pada Firebase seperti yang telah dilakukan pada modul Http … Read more

Pada modul ini kita akan bahas interceptor, sesuai namanya, berfungsi untuk Intercepts dan handles HttpRequest atau HttpResponse. Penggunaan interceptor akan terasa bermanfaat ketika Anda ingin menambahkan property tertentu pada setiap request atau response. Hal ini umum digunakan ketika aplikasi menggunakan authenticator. Intercept Request Kita akan menggunakan skenario authentication, namun kita belum mengimplementasikannya secara real, karena … Read more

Sejauh ini, response yang kita dapat adalah response body data. Jika Anda memerlukan informasi lebih dari seluruh isi response, dapat gunakan parameter observe. Secara value default observe adalah body, Anda dapat passing value response, events. Sebagai contoh kita gunakan pada code post request. Buka file post.service.ts, tambahkan parameter observe (lihat code dengan baris comment). Jika … Read more