Angular02

Pada modul ini kita akan menambahkan child route untuk add dan edit recipe. Pertama kita buat component baru, yaitu recipes/recipe-edit.component, silakan gunakan CLI atau membuatnya manual (jangan lupa untuk menambahkannya di app.modul.ts). Content dari component sendiri akan dibahas pada modul pembahasan Forms. Untuk saat ini hanya dibahas untuk masalah routing saja. Buka file app-routing.module.ts, lalu … Read more

Melanjutkan modul sebelumnya, sekarang kita akan menambahkan route untuk mengakses halaman recipe detail berdasarkan id. Buka file app-routing.module.ts, tambahkan child route berikut Kemudian buka file recipe-list.component.html dan recipe-list.component.ts, buang code event binding click, karena sudah tidak digunakan. Pada recipe-list.component.html, ditambahkan property binding, untuk mendapatkan index dari recipe item. Buka file recipe-detail.component.ts, kita ubah Membuang import … Read more

Pada modul ini kita akan membahas penggunaan child route untuk mengakses halaman recipe-detail dan new recipe. Idenya saat recipe dipilih, route yang digunakan adalah recipes/id, misalnya recipes/1. Pertama kita akan buat komponen baru untuk halaman pertama dari recipe detail. Saat ini masih ditulis didalam recipes.component.html. Silakan gunakan CLI atau membuat manual, pada tutorial akan digunakan … Read more

Pada modul sebelumnya, kita menggunakan event listener dan ngIf untuk melakukan navigasi. Tentu ini bukan pendekatan yang tepat. Seperti yang sudah dibahas pada modul Routing dari Tutorial Angular Part 1, kita akan menggunakan route untuk navigasi header. Route ini akan menjadi root dari aplikasi. Buat file baru pada app folder, app-routing.module.ts Kemudian tambahkan module routing … Read more