Navigate from sidemenu directly to subpage


#1

My App has a sidemenu, as well as tabs. The tabs contain subpages. Is it possible to navigate from the sidemenu to these subpages directly?


#2

Did you try doing so? How? What happened?


#3

Hey,

I think below link will be usefull to you. Please check.


#4

rapropos13h
Did you try doing so? How? What happened?

So I managed to navigate to the subpage directly from the Sidemenu

  rootPage: any = TabsPage;
  subPages: Array<{title: string, component?: any}>;

  pages: PageInterface[] = [
    { title: 'Schedule', name: 'TabsPage', component: TabsPage, tabComponent: SchedulePage, index: 0, icon: 'calendar' },
    { title: 'Favorites', name: 'TabsPage', component: TabsPage, tabComponent: FavoritesPage, index: 1, icon: 'heart' },
    { title: 'Authors', name: 'TabsPage', component: TabsPage, tabComponent: AuthorsPage, index: 2, icon: 'contacts' },
    { title: 'More', name: 'TabsPage', component: TabsPage, tabComponent: MorePage, index: 3, icon: 'menu' },
  ];

  constructor(public platform: Platform, public statusBar: StatusBar, public splashScreen: SplashScreen) {
    this.subPages = [
      {title: 'Welcome', component: WelcomePage},
      {title: 'Kontakt', component: WelcomePage},
      {title: 'Hotels', component: WelcomePage},
      {title: 'Sponsoren', component: WelcomePage}
    ];
  openSubPage(subPage) {
      // Reset the content nav to have just this page
      // we wouldn't want the back button to show in this scenario
      this.nav.setRoot(subPage.component);
    }

But then the Tabs navigation stack and side menu are not working anymore. All SubPages are childs of the ‘More Tab’. So I want to get to this view from the sidemenu:


#5

See this post.