Load new page in the same page template


I have a Page with a navbar and tabs.
for eaxample when i am on the 2nd tab , I click a button to show a list of details (This will psuh a new page and we will loose our tabs and navabr).
So what should i do to load the new data(list of details) in the same page on the button click.


i have same question


I have same requirement


i’ve solved problem using: this.nav.setRoot(HomePage, param);
you can checkout : https://github.com/driftyco/ionic2-starter-sidemenu


i did it using the config

import {Component} from '@angular/core';
import {ionicBootstrap, Platform} from 'ionic-angular';

  templateUrl: 'build/app.html',
export class MyApp {


// Set any config for your app as the third argument:
// http://ionicframework.com/docs/v2/api/config/Config/

ionicBootstrap(MyApp, [AnyProviders] / null, {
  tabSubPages:true      // this is where the magic happens