Angular03

Pada modul ini kita akan beajar melakukan refactoring program dari modul sebelumnya. Refactoring akan memisahkan antara view dan backend process, dalam hal ini http request kedalam service. Mungkin timbul pertanyaan, untuk apa dilakukan refactoring. Jika melihat contoh project, tentu tidak diperlukan karena aplikasi tergolong sangat sederhana. Namun jika aplikasi Anda cukup kompleks, sangat disarankan memisahkan … Read more

Pada modul ini kita akan menampilkan data yang di fetch kedalam template. Buka file app.component.ts, lalu modifikasi dengan mengisi variable loadedPosts (lihat code yang diberi comment). Kemudian buka file app.component.html, modifikasi bagian menampilkan data yang di fetch dari server. (lihat bagian commentar). Kita gunakan ngIf untuk memeriksa apakah terdapat fetch data, jika ada tampilkan menggunakan … Read more

Modul ini akan membahas penggunaan types pada response data. Langkah ini optional namun disarankan karena dapat memperjelas intent dari code, dan berguna untuk IDE yang support auto completion. Pertama kita buat interface. Buat file post.model.ts, lalu tambahkan code berikut Kita gunakan inteface diatas untuk mengatur types dari response data dengan cara <> type casting. Untuk … Read more

Melanjutkan dari modul sebelumnya, sekarang kita akan bahas membaca data dari firebase. Buka file app.component.ts, tambahkan code untuk melakukan fetch data Jika Anda jalankan, sesuai ekspektasi, data dari firebase berhasil kita fetch. Transform Response Data Setelah berhasil menarik data dari server, berikutnya adalah kita perlu melakukan transformasi data, karena ada perbedaan format. Untuk itu digunakan … Read more