Tutorial Ionic : Klarifikasi Tahap Permulaan Bermain Ionic Framework (Part 2)

Assalamu'alaikum Wr Wb

Tutorial ini kelanjutan dari panduan sebelumnya Installasi Ionic , dan kali ini aku akan menerangkan tahap permulaan 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 , jikalau kita buka file app-routing.module.ts ini kita akan menyaksikan code menyerupai ini

kita lihat line 5 itu ada code path: ''  artinya itu selaku route/rute root atau rute permulaan atau rute pertama , kemudian amati code berikutnya ada redirectTo: 'home' artinya route/rute dengan path: 'home' (di line 6) akan jadi route/rute utama yang hendak di laksanakan pertama kali project kita di load/di run. Lalu kita lihat juga code berikutnya (di line 6) ada code loadChildren: './home/home.module#HomePageModule' artinya route/rute dengan path: 'home' akan melaksanakan code home.module.ts di folder myApp\src\app\home , adapun isi code nya menyerupai ini :

Code nya sanggup di lihat di project masing-masing sebab sama saja hehe..
nah , di file home.module.ts juga ia memiliki route/rute (perhatikan line 14) yang hendak melaksanakan component: HomePage (perhatikan line 17) yang sebelumnya telah di import / di panggil diline 7 dan akan di arahkan ke file home.page.ts di folder myApp\src\app\home , dan adapun codenya menyerupai ini :

Kita lihat code line 5 di situ ada code templateUrl: 'home.page.html' , artinya file home.page.ts akan melaksanakan layout/tampilan di file home.page.html yang letaknya di folder myApp\src\app\home.
Mungkin penjelasannya cukup sekian , biar teman-teman sanggup mengerti apa yang aku jelaskan di atas , biar bermanfa'at :)

Wassalamu'alaikum Wr Wb

Tidak ada komentar:

Posting Komentar