app.ts

import {App, IonicApp, Platform} from 'ionic-framework/ionic';
import {GettingStartedPage} from './pages/getting-started/getting-started';
import {ListPage} from './pages/list/list';


@App({
  templateUrl: 'build/app.html',
  config: {} // http://ionicframework.com/docs/v2/api/config/Config/
})
class MyApp {
  rootPage;
  value = true;
  pages: Array<{ title: string, component: any }>

  constructor(private app: IonicApp, private platform: Platform) {
    if (this.value) {
      this.rootPage = GettingStartedPage
    } else {
      this.rootPage = ListPage
    }
    this.initializeApp();
    this.pages = [
      { title: 'Getting Started', component: GettingStartedPage },
      { title: 'List', component: ListPage }
    ];

  }

  initializeApp() {
    this.platform.ready().then(() => {
    });
  }

  openPage(page) {
    // Reset the content nav to have just this page
    // we wouldn't want the back button to show in this scenario
    let nav = this.app.getComponent('nav');
    nav.setRoot(page.component);
  }
}