Hi,
Can anyone help me in Ionic 4, when navigating another page (site2article), within tab2, it returns blank page? I know site2article page has proper content (working html and .ts) because it previously load on the app but outside the tabs / tab bar. I got it to stay in the tabs but blank page. There’s no error in console log.
tab2.page.html:
<ion-item *ngFor=“let site of filteredsites” href="/tabs/(tab2:site2article)">
tab2.page.ts:
import { Site2articlePage } from ‘…/site2article/site2article.page’;
tabs.module.ts:
import { Site2articlePageModule } from ‘…/site2article/site2article.module’;
@NgModule({
imports: [
Site2articlePageModule
],
declarations: [TabsPage]
})
tabs.router.module.ts:
import { Site2articlePage } from ‘…/site2article/site2article.page’;
const routes: Routes = [
{
path: ‘tabs’,
component: TabsPage,
children: [
{ path: ‘tab1’, loadChildren: ‘…/tab1/tab1.module#Tab1PageModule’ },
{ path: ‘tab2’, loadChildren: ‘…/tab2/tab2.module#Tab2PageModule’ },
{ path: ‘site2article’, outlet: ‘tab2’, loadChildren: ‘…/site2article/site2article.module#Site2articlePageModule’ },
{ path: ‘tab3’, loadChildren: ‘…/tab3/tab3.module#Tab3PageModule’ },
]
},
{
path:’’,
redirectTo:’/tabs/tab1’,
pathMatch:‘full’
}
];
app-routing.module.ts:
const routes: Routes = [
{ path: ‘’, loadChildren: ‘./tabs/tabs.module#TabsPageModule’ },
{ path: ‘site2article’, loadChildren: ‘./site2article/site2article.module#Site2articlePageModule’ }
];