import {Component} from '@angular/core';
import {ionicBootstrap, NavController} from '../../../../../src';
@Component({
template: ``,
})
class E2EApp {
root = LandingPage;
}
ionicBootstrap(E2EApp);
@Component({
template: `
Landing Page Comp
`
})
class LandingPage{
constructor(private _navController: NavController){
}
goToPage(){
this._navController.push(FirstPage);
}
}
@Component({
template: `
First Page Comp
Sub Header First Page
`
})
class FirstPage{
root = SecondPage;
}
@Component({
template: `
Second Page Comp
Sub Header Second Page
`
})
class SecondPage{
root = ThirdPage;
}
@Component({
template: `
Third Page Comp
Sub Header Third Page
`
})
class ThirdPage{
root = FourthPage;
}
@Component({
template: `
{{item}}
`
})
class FourthPage{
private items: string[];
ionViewWillEnter(){
let items: string[] = [];
for ( let i = 0 ; i < 500; i++ ){
items.push(`Item ${(i + 1)}`);
}
this.items = items;
}
}