javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

router updates

Browse Source
This commit is contained in:
Adam Bradley
2015-07-13 10:00:57 -05:00
parent 1427c254c5
commit 6576dd450e
13 changed files with 448 additions and 372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
ionic/components/nav/test/basic/index.ts
View File

@@ -1,21 +1,25 @@
import {App} from 'ionic/ionic';
import {FirstPage} from './pages/first-page';
import {SecondPage} from './pages/second-page';
import {ThirdPage} from './pages/third-page';
@App({
routes: {
'FirstPage': {
'path': '/firstpage',
'module': 'dist/examples/nav/basic/pages/first-page',
'root': true
routes: [
{
path: '/firstpage',
component: FirstPage,
root: true
},
'SecondPage': {
'path': '/secondpage',
'module': 'dist/examples/nav/basic/pages/second-page',
{
path: '/secondpage',
component: SecondPage,
},
'ThirdPage': {
'path': '/thirdpage',
'module': 'dist/examples/nav/basic/pages/third-page',
},
}
{
path: '/thirdpage',
component: ThirdPage,
}
]
})
class MyApp {}

48
ionic/components/nav/test/basic/pages/first-page.ts
View File

@@ -1,5 +1,5 @@
import {IonicView, IonicConfig, IonicApp} from 'ionic/ionic';
import {NavParams, Routable, NavController} from 'ionic/ionic';
import {NavParams, NavController} from 'ionic/ionic';
import {SecondPage} from './second-page';
import {ThirdPage} from './third-page';
@@ -52,39 +52,35 @@ export class FirstPage {
this.nav.setItems(items);
}
viewLoaded() {
console.log('viewLoaded first page');
}
// viewLoaded() {
// console.log('viewLoaded first page');
// }
viewWillEnter() {
console.log('viewWillEnter first page');
}
// viewWillEnter() {
// console.log('viewWillEnter first page');
// }
viewDidEnter() {
console.log('viewDidEnter first page');
}
// viewDidEnter() {
// console.log('viewDidEnter first page');
// }
viewWillLeave() {
console.log('viewWillLeave first page');
}
// viewWillLeave() {
// console.log('viewWillLeave first page');
// }
viewDidLeave() {
console.log('viewDidLeave first page');
}
// viewDidLeave() {
// console.log('viewDidLeave first page');
// }
viewWillUnload() {
console.log('viewWillUnload first page');
}
// viewWillUnload() {
// console.log('viewWillUnload first page');
// }
viewDidUnload() {
console.log('viewDidUnload first page');
}
// viewDidUnload() {
// console.log('viewDidUnload first page');
// }
push() {
this.nav.push(SecondPage, { id: 8675309, myData: [1,2,3,4] }, { animation: 'ios' });
}
}
new Routable(FirstPage, {
path: '/firstpage'
});

48
ionic/components/nav/test/basic/pages/second-page.ts
View File

@@ -1,4 +1,4 @@
import {IonicView, Routable, NavController, NavParams} from 'ionic/ionic';
import {IonicView, NavController, NavParams} from 'ionic/ionic';
import {ThirdPage} from './third-page';
import {FirstPage} from './first-page';
@@ -45,36 +45,32 @@ export class SecondPage {
this.nav.push(ThirdPage);
}
viewLoaded() {
console.log('viewLoaded second page');
}
// viewLoaded() {
// console.log('viewLoaded second page');
// }
viewWillEnter() {
console.log('viewWillEnter second page');
}
// viewWillEnter() {
// console.log('viewWillEnter second page');
// }
viewDidEnter() {
console.log('viewDidEnter second page');
}
// viewDidEnter() {
// console.log('viewDidEnter second page');
// }
viewWillLeave() {
console.log('viewWillLeave second page');
}
// viewWillLeave() {
// console.log('viewWillLeave second page');
// }
viewDidLeave() {
console.log('viewDidLeave second page');
}
// viewDidLeave() {
// console.log('viewDidLeave second page');
// }
viewWillUnload() {
console.log('viewWillUnload second page');
}
// viewWillUnload() {
// console.log('viewWillUnload second page');
// }
viewDidUnload() {
console.log('viewDidUnload second page');
}
// viewDidUnload() {
// console.log('viewDidUnload second page');
// }
}
new Routable(SecondPage, {
path: '/secondpage'
});

48
ionic/components/nav/test/basic/pages/third-page.ts
View File

@@ -1,4 +1,4 @@
import {IonicView, Routable, NavController} from 'ionic/ionic';
import {IonicView, NavController} from 'ionic/ionic';
@IonicView({
@@ -23,36 +23,32 @@ export class ThirdPage {
this.nav.pop()
}
viewLoaded() {
console.log('viewLoaded third page');
}
// viewLoaded() {
// console.log('viewLoaded third page');
// }
viewWillEnter() {
console.log('viewWillEnter third page');
}
// viewWillEnter() {
// console.log('viewWillEnter third page');
// }
viewDidEnter() {
console.log('viewDidEnter third page');
}
// viewDidEnter() {
// console.log('viewDidEnter third page');
// }
viewWillLeave() {
console.log('viewWillLeave third page');
}
// viewWillLeave() {
// console.log('viewWillLeave third page');
// }
viewDidLeave() {
console.log('viewDidLeave third page');
}
// viewDidLeave() {
// console.log('viewDidLeave third page');
// }
viewWillUnload() {
console.log('viewWillUnload third page');
}
// viewWillUnload() {
// console.log('viewWillUnload third page');
// }
viewDidUnload() {
console.log('viewDidUnload third page');
}
// viewDidUnload() {
// console.log('viewDidUnload third page');
// }
}
new Routable(ThirdPage, {
path: '/thirdpage'
});