feature(navigation): better browser back/forward button support

* test(nav): add third page to nav/simple-nav

* progress

* workin'

* updates

* updates

Author: danbucholtz

src/components/nav/test/advanced-nav-then-tabs/app/app.component.ts

@@ -10,6 +10,6 @@ import { Component } from '@angular/core';
   `
 })
 export class AppComponent {
-  rootOne = 'NonTabOne';
-  rootTwo = 'NonTabTwo';
+  rootOne = 'NestedNavOnePageTwo';
+  rootTwo = 'NestedNavTwoPageTwo';
 }

src/components/nav/test/advanced-nav-then-tabs/pages/nested-nav-one/nested-nav-one-page-one.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from '../../../../../..';
+import { NestedNavOnePageOne } from './nested-nav-one-page-one';
+
+@NgModule({
+  imports: [
+    IonicPageModule.forChild(NestedNavOnePageOne)
+  ],
+  declarations: [
+    NestedNavOnePageOne
+  ]
+})
+export class NestedNavOnePageOneModule { }

src/components/nav/test/advanced-nav/pages/third-page/third-page.ts renamed to src/components/nav/test/advanced-nav-then-tabs/pages/nested-nav-one/nested-nav-one-page-one.ts

@@ -3,13 +3,13 @@ import { IonicPage, NavController, } from '../../../../../..';
 
 @IonicPage()
 @Component({
-  templateUrl: 'third-page.html'
+  template: `
+    <ion-nav [root]="root"></ion-nav>
+  `
 })
-export class ThirdPage {
-  constructor(public nav: NavController) {
-  }
+export class NestedNavOnePageOne {
 
-  nextPage() {
-    this.nav.push('FourthPage', { carId: '123', make: 'Toyota', model: 'Carolla'});
+  root: string = 'NestedNavOnePageTwo';
+  constructor(public nav: NavController) {
   }
 }

src/components/nav/test/advanced-nav-then-tabs/pages/nested-nav-one/nested-nav-one-page-two.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from '../../../../../..';
+import { NestedNavOnePageTwo } from './nested-nav-one-page-two';
+
+@NgModule({
+  imports: [
+    IonicPageModule.forChild(NestedNavOnePageTwo)
+  ],
+  declarations: [
+    NestedNavOnePageTwo
+  ]
+})
+export class NestedNavOnePageTwoModule { }

src/components/nav/test/simple-nav-then-tabs/pages/first-page/first-page.ts renamed to src/components/nav/test/advanced-nav-then-tabs/pages/nested-nav-one/nested-nav-one-page-two.ts

@@ -3,13 +3,13 @@ import { IonicPage, NavController, } from '../../../../../..';
 
 @IonicPage()
 @Component({
-  templateUrl: 'first-page.html'
+  template: `
+    <ion-nav [root]="root"></ion-nav>
+  `
 })
-export class FirstPage {
-  constructor(public nav: NavController) {
-  }
+export class NestedNavOnePageTwo {
 
-  clickMe() {
-    this.nav.push('ThirdPage');
+  root: string = 'NonTabOne';
+  constructor(public nav: NavController) {
   }
 }

src/components/nav/test/advanced-nav-then-tabs/pages/nested-nav-two/nested-nav-two-page-one.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from '../../../../../..';
+import { NestedNavTwoPageOne } from './nested-nav-two-page-one';
+
+@NgModule({
+  imports: [
+    IonicPageModule.forChild(NestedNavTwoPageOne)
+  ],
+  declarations: [
+    NestedNavTwoPageOne
+  ]
+})
+export class NestedNavTwoPageOneModule { }

src/components/nav/test/advanced-nav-then-tabs/pages/nested-nav-two/nested-nav-two-page-one.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, } from '../../../../../..';
+
+@IonicPage()
+@Component({
+  template: `
+    <ion-nav [root]="root"></ion-nav>
+  `
+})
+export class NestedNavTwoPageOne {
+
+  root: string = 'NestedNavTwoPageTwo';
+  constructor(public nav: NavController) {
+  }
+}

src/components/nav/test/advanced-nav-then-tabs/pages/nested-nav-two/nested-nav-two-page-two.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from '../../../../../..';
+import { NestedNavTwoPageTwo } from './nested-nav-two-page-two';
+
+@NgModule({
+  imports: [
+    IonicPageModule.forChild(NestedNavTwoPageTwo)
+  ],
+  declarations: [
+    NestedNavTwoPageTwo
+  ]
+})
+export class NestedNavTwoPageTwoModule { }

src/components/nav/test/simple-tabs/pages/first-page/first-page.ts renamed to src/components/nav/test/advanced-nav-then-tabs/pages/nested-nav-two/nested-nav-two-page-two.ts

@@ -3,13 +3,13 @@ import { IonicPage, NavController, } from '../../../../../..';
 
 @IonicPage()
 @Component({
-  templateUrl: 'first-page.html'
+  template: `
+    <ion-nav [root]="root"></ion-nav>
+  `
 })
-export class FirstPage {
-  constructor(public nav: NavController) {
-  }
+export class NestedNavTwoPageTwo {
 
-  clickMe() {
-    this.nav.push('ThirdPage');
+  root: string = 'NonTabTwo';
+  constructor(public nav: NavController) {
   }
 }

src/components/nav/test/advanced-nav-then-tabs/pages/non-tab-one/non-tab-one.ts

@@ -21,6 +21,6 @@ export class NonTabOne {
   }
 
   goToTabs() {
-    this.nav.push('TabOnePage');
+    this.nav.push('TabsOnePage');
   }
 }