import {App, NavController} from 'ionic/ionic';
import {Page, Config, IonicApp} from 'ionic/ionic';
import {NavParams, NavController} from 'ionic/ionic';
@Page({
template: `
FriendsEnemies
{{title}}
`
})
class FirstPage {
constructor(
nav: NavController,
app: IonicApp,
config: Config
) {
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] } );
}
}
@Page({
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);
}
}
@Page({
template: `
Third Page Header
`
})
class ThirdPage {
constructor(
nav: NavController
) {
this.nav = nav
}
push() {
this.nav.push(FourthPage);
}
pop() {
this.nav.pop()
}
insert() {
this.nav.insert(FirstPage, 2);
}
removeSecond() {
this.nav.remove(1);
}
}
@Page({
template: `
Fourth Page Header
`
})
class FourthPage {
constructor(
nav: NavController
) {
this.nav = nav
}
}
@App({
template: `
`,
views: [FirstPage, SecondPage, ThirdPage]
})
class E2EApp {
constructor() {
this.root = FirstPage;
}
}