TUTORIAL IONIC : Penjelasan Tahap Awal Bermain Ionic Framework (PART 2)
Assalamu'alaikum Wr Wb
Tutorial ini kelanjutan dari tutorial sebelumnya Installasi Ionic, dan kali ini saya akan menjelaskan tahap awal memainkan ionic framework ini, berhubung project ionic kita menggunakan angular jadi semua berawal dari file app-routing.module.ts yang terletak di folder myApp\src\app, jika kita buka file app-routing.module.ts ini kita akan melihat code seperti ini
kita lihat line 5 itu ada code path: '' artinya itu sebagai route/rute root atau rute awal atau rute pertama, lalu perhatikan code selanjutnya ada redirectTo: 'home' artinya route/rute dengan path: 'home' (di line 6) akan jadi route/rute utama yang akan di jalankan pertama kali project kita di load/di run. Lalu kita lihat juga code selanjutnya (di line 6) ada code loadChildren: './home/home.module#HomePageModule' artinya route/rute dengan path: 'home' akan menjalankan code home.module.ts di folder myApp\src\app\home, adapun isi code nya seperti ini :
Code nya bisa di lihat di project masing-masing karena sama saja hehe..
nah, di file home.module.ts juga dia memiliki route/rute (perhatikan line 14) yang akan menjalankan component: HomePage (perhatikan line 17) yang sebelumnya sudah di import / di panggil diline 7 dan akan di arahkan ke file home.page.ts di folder myApp\src\app\home, dan adapun codenya seperti ini :
Kita lihat code line 5 di situ ada code templateUrl: 'home.page.html', artinya file home.page.ts akan menjalankan layout/tampilan di file home.page.html yang letaknya di folder myApp\src\app\home.
Mungkin penjelasannya cukup sekian, semoga teman-teman dapat memahami apa yang saya jelaskan di atas, semoga bermanfa'at :)
Wassalamu'alaikum Wr Wb
Tutorial ini kelanjutan dari tutorial sebelumnya Installasi Ionic, dan kali ini saya akan menjelaskan tahap awal memainkan ionic framework ini, berhubung project ionic kita menggunakan angular jadi semua berawal dari file app-routing.module.ts yang terletak di folder myApp\src\app, jika kita buka file app-routing.module.ts ini kita akan melihat code seperti ini
kita lihat line 5 itu ada code path: '' artinya itu sebagai route/rute root atau rute awal atau rute pertama, lalu perhatikan code selanjutnya ada redirectTo: 'home' artinya route/rute dengan path: 'home' (di line 6) akan jadi route/rute utama yang akan di jalankan pertama kali project kita di load/di run. Lalu kita lihat juga code selanjutnya (di line 6) ada code loadChildren: './home/home.module#HomePageModule' artinya route/rute dengan path: 'home' akan menjalankan code home.module.ts di folder myApp\src\app\home, adapun isi code nya seperti ini :
Code nya bisa di lihat di project masing-masing karena sama saja hehe..
nah, di file home.module.ts juga dia memiliki route/rute (perhatikan line 14) yang akan menjalankan component: HomePage (perhatikan line 17) yang sebelumnya sudah di import / di panggil diline 7 dan akan di arahkan ke file home.page.ts di folder myApp\src\app\home, dan adapun codenya seperti ini :
Kita lihat code line 5 di situ ada code templateUrl: 'home.page.html', artinya file home.page.ts akan menjalankan layout/tampilan di file home.page.html yang letaknya di folder myApp\src\app\home.
Mungkin penjelasannya cukup sekian, semoga teman-teman dapat memahami apa yang saya jelaskan di atas, semoga bermanfa'at :)
Wassalamu'alaikum Wr Wb
Comments
Post a Comment