Angular Observable – Part 2

Pada modul sebelumnya kita mengenal observable built-in dari Angular. Disini kita akan bahas penggunaan custom observable yang disediakan oleh RxJS. Untuk menggunakan observable, kita perlu import library RxJS. Buka file home.component.ts, lalu tambahkan code untuk Import modul interval dari RxJS. Gunakan interval sebagai observable. function interval akan membuat Observable yang menghasilkan sequential numbers setiap interval … Read more

Sharing is caring:

Angular Observable – Part 1

Pengenalan Observable Observable adalah cara untuk melakukan pertukaran messages antar modul pada aplikasi. Kelebihan dari observable adalah dapat menangani multiple values, asynchronous programming, dan dapat melakukan event handling. Contohnya adalah Penggunaan custom events yang menghasilkan data output observable dari child ke parent component. Pada HTTP module digunakan observables untuk menangani AJAX requests dan responses. Pada … Read more

Sharing is caring:

Angular Routing – Part 4

Pada modul ini kita akan belajar melakukan passing parameter melalui routing. Menggunakan project sebelumnya, kita ingin menampilkan user dengan id tertentu. Modul ini lebih bertujuan menjelaskan penggunaan parameter, jadi data diambil bukan dari database. Agar tutorial menjadi lebih sederhana dan mudah dipahami. Buka file app.module.ts, lalu tambahkan routing baru (lihat bagian comment). Route baru akan … Read more

Sharing is caring:

Angular Routing – Part 3

Pada modul ini kita akan belajar melakukan navigasi yang ditrigger melalui TypeScript. Buka component home.component.html, lalu tambahkan button dengan event binding. Lalu buka file home.component.ts, lalu tambahkan method untuk handling click button diatas. Instance router dapat kita inject melalui constructor. Jika Anda test, sesuai ekspektasi, kita sudah bisa melakukan navigasi melalui TypeScript.

Sharing is caring: