import {App, NavController} from 'ionic/ionic';
import {IonicView, IonicConfig, IonicApp} from 'ionic/ionic';
import {NavParams, NavController} from 'ionic/ionic';
@IonicView({
template: '' +
'' +
'{{title}}' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'{{title}}
' +
'' +
'' +
'' +
'' +
'' +
'' +
''
})
class FirstPage {
constructor(
nav: NavController,
app: IonicApp,
config: IonicConfig
) {
this.nav = nav;
this.title = 'First Page';
this.pushPage = SecondPage;
}
setViews() {
let items = [
ThirdPage
];
this.nav.setViews(items);
}
push() {
this.nav.push(SecondPage, { id: 8675309, myData: [1,2,3,4] } );
}
}
@IonicView({
template: `
Second page
This page does not have a nav bar!
`
})
class SecondPage {
constructor(
nav: NavController,
params: NavParams
) {
this.nav = nav;
this.params = params;
console.log('Second page params:', params);
}
setViews() {
let items = [
FirstPage,
ThirdPage
];
this.nav.setViews(items);
}
pop() {
this.nav.pop();
}
push() {
this.nav.push(ThirdPage);
}
}
@IonicView({
template: `
Third Page Header
`
})
class ThirdPage {
constructor(
nav: NavController
) {
this.nav = nav
}
pop() {
this.nav.pop()
}
}
@App({
template: ''
})
class E2EApp {
constructor() {
this.root = FirstPage;
}
}