Angular02

Pada modul ini kita akan memperbaiki form shopping-edit.component.html agar button ditampilkan sesuai status edit atau add new item. Buka file shopping-edit.component.html, kemudian tambah code untuk mengubah tulisan button dengan memeriksa property isEdit. Kemudian buka file shopping-list.service.ts, kita tambahkan fungsi untuk melakukan update. Perlu kami akui, penamaan property neInggredietAdded tidak sesuai konteks karena sekarang digunakan juga … Read more

Pada modul ini kita akan menambahkan fitur jika shopping-list di pilih, akan ditampilkan kedalam form. Buka file shopping-list.component.html, tambahkan code untuk click listener. Kita modif juga directive *ngFor untuk mendapatkan index. Kemudian buka file shopping-list.component.ts, tambahkan method untuk handling click listener diatas. Untuk pass data index item shopping, kita gunakan subject dalam shopping-list service. Buka … Read more

Seperti yang sudah dipelajari pada Modul Pengenalan Form Template Driven, kita akan terapkan pada componentn shopping edit. Buka file shopping-edit.component.html, kita akan lakukan modifikasi untuk menerapkan template driven pada form. Yang akan kita lakukan adalah: Menghapus code lama, seperti local reference pada element input dan click listener pada button. Menambahkan ngSubmit dan local reference pada … Read more

Seperti yang sudah dipelajari dalam modul Observable, aplikasi dapat kita tingkatkan dengan mengubah eventEmitter menggunakan Observable. Buka file shopping-list.service.ts, kita ganti code eventEmitter menggunakan Subject. Kemudian buka file shopping-list.component.ts, modifikasi dengan menambahkan Library import untuk subscription. Inisialisasi local variable untuk menyimpan data subscription. Lakukan proses unsubscribe ketika componen di destroy. Pastikan aplikasi berjalan dengan baik … Read more