Angular02

Pada modul ini kita akan melakukan code refactoring, memindahkan data recipe ke service. Buat file baru pada recipes/recipe.service.ts, Code yang ditambahkan adalah Buat class RecipeService, kemudian pindahkan data recipe hardcode dari shopping-list.component.ts. Buat method getRecipes() untuk mengakses data recipe. Kemudian buka file recipes.component.ts, disini kita lakukan registrasi RecipeService. (lihat bagian comment). Karena service sudah diregistrasikan … Read more

Kategori cakupan Service cukup luas , termasuk nilai, fungsi, atau fitur apa pun yang dibutuhkan aplikasi. Service biasanya merupakan kelas dengan tujuan spesifik dan terdefinisi dengan baik. Angular membedakan component dan service dengan tujuan meningkatkan modularitas dan konsep reusable. Dengan memisahkan fungsionalitas tampilan komponen dari jenis pemrosesan lainnya, Component akan menjadi ramping dan efisien. Idealnya, … Read more

Kita akan menerapkan custom directive yang telah dipelajari pada Tutorial Angular Part 1. Pada modul ini akan dibaha membuat directive dropdown, yang berfungsi menampilkan dropdown menu pada button. Perhatian: saat ini menu dropdown tidak berfungsi karena JavaScript Bootstrap tidak diimport, karena hanya akan digunakan Angular sebagai JavaScript Framework. Karena kita menggunakan Bootstrap 5, untuk membuka … Read more

Kita akan membahas penggunaan Local References dan @ViewChild pada component shopping-list. Perhatian: akan diubah implementasi menjadi FormControl pada modul pembahasan Form. Tujuan modul ini untuk membahas penggunaan references dan @viewchild. Proses yang dilakukan adalah, component akan menangkap perubahan pada input type menggunakan local reference dan @ViewChild. Kemudian data ingredient yang sudah diperoleh dikirimkan ke parent … Read more