chore(demo): restructure nav test

packages/demos/angular/package-lock.json

@@ -514,9 +514,9 @@
       }
     },
     "@ionic/core": {
-      "version": "0.0.2-52",
+      "version": "0.0.2-53",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-0.0.2-52.tgz",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-0.0.2-53.tgz",
-      "integrity": "sha512-U5xRuZ8TmePy0cNRE4UgCUk0Z7jgr+f7L5wwrqHDlHyXCTVC7cFGIzf4nXlSJXIErcxS8q7Q6H5wchR5CiJAww=="
+      "integrity": "sha512-AEvDmMrEphcc9tXNvrq96x2aYBB0FuzztNiFnC9QNMbGWtm2Y2eqGO2+nFOip76fClSJV1oJ4Zg0cIynX43U0w=="
     },
     "@ngtools/json-schema": {
       "version": "1.1.0",

packages/demos/angular/src/app/app-routing.module.ts

@@ -13,7 +13,7 @@ const routes: Routes = [
   { path: 'content', loadChildren: 'app/content/content.module#ContentModule' },
   { path: 'toast', loadChildren: 'app/toast/toast.module#ToastModule' },
   { path: 'loading', loadChildren: 'app/loading/loading.module#LoadingModule' },
-  { path: 'nav', loadChildren: 'app/nav/nav.module#NavModule' },
+  { path: 'no-routing-nav', loadChildren: 'app/no-routing-nav/no-routing-nav.module#NoRoutingNavModule' },
   { path: 'modal', loadChildren: 'app/modal/modal.module#ModalModule' },
   { path: 'popover', loadChildren: 'app/popover/popover.module#PopoverModule' },
 ];

packages/demos/angular/src/app/home-page/home-page.component.html

@@ -2,41 +2,45 @@
   Ionic Core Angular Demo Application
 </div>
 
-<ul>
+<div>
-  <li>
+  <ul>
-    <a href='basic-inputs'>Basic Inputs Test Page</a>
+    <li>
-  </li>
+      <a href='basic-inputs'>Basic Inputs Test Page</a>
-  <li>
+    </li>
-    <a href='group-inputs'>Group Inputs Test Page</a>
+    <li>
-  </li>
+      <a href='group-inputs'>Group Inputs Test Page</a>
-  <li>
+    </li>
-    <a href='alert'>Alert Page</a>
+    <li>
-  </li>
+      <a href='alert'>Alert Page</a>
-  <li>
+    </li>
-    <a href='badge'>Badge Page</a>
+    <li>
-  </li>
+      <a href='badge'>Badge Page</a>
-  <li>
+    </li>
-    <a href='card'>Card Page</a>
+    <li>
-  </li>
+      <a href='card'>Card Page</a>
-  <li>
+    </li>
-    <a href='content'>Content Page</a>
+    <li>
-  </li>
+      <a href='content'>Content Page</a>
-  <li>
+    </li>
-    <a href='actionSheet'>Action Sheet Page</a>
+    <li>
-  </li>
+      <a href='actionSheet'>Action Sheet Page</a>
-  <li>
+    </li>
-    <a href='toast'>Toast Page</a>
+    <li>
-  </li>
+      <a href='toast'>Toast Page</a>
-  <li>
+    </li>
-    <a href='loading'>Loading Page</a>
+    <li>
-  </li>
+      <a href='loading'>Loading Page</a>
-  <li>
+    </li>
-    <a href='nav'>Nav Page</a>
+    <li>
-  </li>
+      <a href='modal'>Modal Page</a>
-  <li>
+    </li>
-    <a href='modal'>Modal Page</a>
+    <li>
-  </li>
+      <a href='popover'>Popover Page</a>
-  <li>
+    </li>
-    <a href='popover'>Popover Page</a>
+  </ul>
-  </li>
+</div>
-</ul>
+
+<div>
+  <h2>Nav Tests</h2>
+  <a href='no-routing-nav'>No Routing</a>
+</div>

packages/demos/angular/src/app/no-routing-nav/no-routing-nav-routing.module.ts

@@ -1,14 +1,14 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
-import { NavPageComponent } from './nav.component';
+import { NoRoutingNavPageComponent } from './no-routing-nav.component';
 
 const routes: Routes = [
-  { path: '', component: NavPageComponent }
+  { path: '', component: NoRoutingNavPageComponent }
 ];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
   exports: [RouterModule]
 })
-export class NavRoutingModule { }
+export class NoRoutingNavRoutingModule { }

packages/demos/angular/src/app/no-routing-nav/no-routing-nav.component.ts

@@ -10,7 +10,7 @@ import { PageOne } from './pages/page-one';
 </ion-app>
   `
 })
-export class NavPageComponent {
+export class NoRoutingNavPageComponent {
 
   pageOne: any = PageOne;
   constructor() {

packages/demos/angular/src/app/no-routing-nav/no-routing-nav.module.ts

@@ -1,8 +1,8 @@
 import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
-import { NavPageComponent } from './nav.component';
+import { NoRoutingNavPageComponent } from './no-routing-nav.component';
-import { NavRoutingModule } from './nav-routing.module';
+import { NoRoutingNavRoutingModule } from './no-routing-nav-routing.module';
 import { IonicAngularModule, IonicRouterModule} from '@ionic/angular';
 
 import { PageOne } from './pages/page-one';
@@ -12,12 +12,12 @@ import { PageThree } from './pages/page-three';
 @NgModule({
   imports: [
     CommonModule,
-    NavRoutingModule,
+    NoRoutingNavRoutingModule,
     IonicAngularModule,
     IonicRouterModule
   ],
   declarations: [
-    NavPageComponent,
+    NoRoutingNavPageComponent,
     PageOne,
     PageTwo,
     PageThree
@@ -29,4 +29,4 @@ import { PageThree } from './pages/page-three';
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
-export class NavModule { }
+export class NoRoutingNavModule { }

packages/demos/angular/src/index.html

@@ -8,6 +8,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <script src="ionic/core/ionic.js"></script>
+  <script type="text/javascript">
+    // window.Ionic.config = { mode: 'ios' };
+  </script>
 </head>
 <body>
   <app-root></app-root>