У меня проблемы с отображением вкладок на другом маршруте с помощью стартового проекта вкладок.Я запустил новый проект вкладок:
ionic start "tabs-example" tabs --type=angular
и запустив его, вкладки работают сразу.Я создал новую страницу с именем home (используя ionic generate page) и хочу, чтобы она была корневой страницей, с которой я работал, обновляя маршруты ниже.
Я настроил app-routing.module.ts, чтобы он выглядел следующим образом:
const routes: Routes = [
{ path: '', redirectTo: 'home', pathMatch: 'full' },
{ path: 'home', loadChildren: './home/home.module#HomePageModule' },
{ path: 'home/tabs', loadChildren: './tabs/tabs.module#TabsPageModule' },
];
Когда я работаю с приложением, я вижу свое home.page.html содержимое, которое просто:
<ion-content padding>
<a href="/home/tabs">tabs</a>
</ion-content>
Когда я нажимаю на ссылку привязки, URL-адрес изменяется, однако, он простоПереходит к белому экрану без ошибок в консоли.
Единственное изменение, которое я сделал в tabs.router.module.ts, - это обновление URL-адресов, которые, как я предполагаю, я сделал неправильно, но, похоже, не могу решить проблему.
const routes: Routes = [
{
path: 'home/tabs',
component: TabsPage,
children: [
{
path: 'tab1',
children: [
{
path: '',
loadChildren: '../tab1/tab1.module#Tab1PageModule'
}
]
},
{
path: 'tab2',
children: [
{
path: '',
loadChildren: '../tab2/tab2.module#Tab2PageModule'
}
]
},
{
path: 'tab3',
children: [
{
path: '',
loadChildren: '../tab3/tab3.module#Tab3PageModule'
}
]
},
{
path: '',
redirectTo: '/tabs/tab1',
pathMatch: 'full'
}
]
},
{
path: '/home/tabs',
redirectTo: '/home/tabs/tab1',
pathMatch: 'full'
}
];