HI I am using ionic 4.12.0 version… Am facing tabs issue.
I have created pages like tabs, tab1, tab2 and tab3 and imported in app.routing moule.
{ path: ‘tabs’, loadChildren: ‘./tabs/tabs.module#TabsPageModule’ },
after that added loadchildren in tabs.routing module.
import { NgModule } from ‘@angular/core’;
import { RouterModule, Routes } from ‘@angular/router’;
import { TabsPage } from ‘./tabs.page’;
const routes: Routes = [
{
path: ‘’,
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’
}
]
}
];
@NgModule({
imports: [
RouterModule.forChild(routes)
],
exports: [RouterModule]
})
export class TabsPageRoutingModule {}
Am able to navigate to the tabs page.
But not able to see the tabs page design…
can any one help me out…