Actually if you are using a button to route then you don’t need to reference the tabs at all. You should be about to simple use Router.navForward(’/tabs/tab4’). This should pull up the proper page within the greater tabs page.
You should have something like this in the Tabs Page. Say you are in component one in my example (this is one.module), here you can press a button that calls the router and uses navForward as with any other navigation, but you call the tabsRoot/componentRoot. If my button here routed to ‘tabs/two’ this would route to the second tab without calling the tabs element.
const routes: Routes = [
{
path: 'tabs',
component: HomePage,
children: [
{
path: 'one',
outlet: 'one',
loadChildren: '../one/one.module#OneModule'
},
{
path: 'two',
outlet: 'two',
loadChildren: '../two/two.module#TwoModule'
},
{
path: three',
outlet: three',
loadChildren: '../three/three.module#ThreeModule'
}
]
},
{
path: '',
redirectTo: '/tabs/(one:one)'
}
];