Angular02

Pada modul ini kita akan melakukan passing data antar service, dimana saat user menambahkan ingredients ke shopping list. Buka file recipe-detail.component.html, tambahkan event binding click pada button Add Shopping List. Buka file recipe-detail.component.ts, tambahkan method onAddShoppingList. Dimana method ini akan memanggil method pada recipe.service.ts. Perhatian, Anda bisa menggunakan pendekatan berbeda, misalnya langsung menggunakan shopping-list.service. Tujuannya … Read more

Pada modul ini kita akan melakukan passing data antara Service. Sebelumnya, kita lakukan penambahan ingredient pada recipe. Buka file recipe.model.ts, lalu tambahkan field ingredients. selanjutnya tambahkan data ingredients pada recipe.service.ts, Berikutnya kita ubah file recipe-detail.component.html, ubah bagian ingredient menggunakan *ngFor. Sesuai ekspektasi, recipe sudah menampilkan ingredient. Pada modul berikutnya kita akan menambahkan fungsi add to … Read more

Setelah mempelajari Service untuk Recipe pada modul sebelumnya. Pada modul ini diharapkan Anda melakukan latihan. Buat service untuk Shopping-List, dimana service akan menangani data dan fungsi add shopping list. TIPS: Shopping-List service di registrasikan dalam scope aplikasi, jadi daftarkan di app.module.ts. Nah, semoga latihan Anda sukses. Jika Ada masalah, silakan cek solusi yang kami sediakan. … Read more

Pada modul ini kita akan tambahkan fitur service, dengan memindahkan event listener ketika item recipe dipilih. Buka file recipe.service.ts, tambahkan property recipeSelected. Kemudian buka file recipe-list.component.ts, lakukan modifikasi Buang EventEmiter, karena akan dipindahkan ke RecipeService. Ubah method onSelect(), dengan memindahkan penggunaan EventEmiter ke service. Hapus import EventEmitter dan Output karena sudah tidak digunakan. Kemudian buka … Read more