chore(demos): convert to aot structure

convert to aot structure

demos/src/action-sheet/app.component.ts

@@ -1,8 +1,8 @@
-import { Component, NgModule } from '@angular/core';
-import { ActionSheetController, IonicApp, IonicModule, Platform } from 'ionic-angular';
+import { Component } from '@angular/core';
+import { ActionSheetController, Platform } from 'ionic-angular';
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ApiDemoPage {
   constructor(public alertCtrl: ActionSheetController, public platform: Platform) { }
@@ -62,18 +62,3 @@ export class ApiDemoPage {
 export class ApiDemoApp {
   root = ApiDemoPage;
 }
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/action-sheet/app.module.ts

@@ -1,18 +1,6 @@
-import { Component, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
+import { ApiDemoApp, ApiDemoPage } from './app.component';
 
 @NgModule({
   declarations: [

demos/src/action-sheet/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/alert/app.component.ts

@@ -1,9 +1,9 @@
-import { Component, NgModule } from '@angular/core';
-import { AlertController, IonicApp, IonicModule } from 'ionic-angular';
+import { Component } from '@angular/core';
+import { AlertController } from 'ionic-angular';
 
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ApiDemoPage {
   testRadioOpen = false;
@@ -216,19 +216,3 @@ export class ApiDemoPage {
 export class ApiDemoApp {
   root = ApiDemoPage;
 }
-
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/alert/app.module.ts

@@ -1,18 +1,6 @@
-import { Component, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
+import { ApiDemoApp, ApiDemoPage } from './app.component';
 
 @NgModule({
   declarations: [

demos/src/alert/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/button/AppModule.ts

@@ -1,31 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-import { IonicApp, IonicModule } from 'ionic-angular';
-
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/button/app.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+
+@Component({
+  templateUrl: 'page.html'
+})
+export class ApiDemoPage {}
+
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}

demos/src/button/app.module.ts

@@ -1,18 +1,6 @@
-import { Component, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
+import { ApiDemoApp, ApiDemoPage } from './app.component';
 
 @NgModule({
   declarations: [

demos/src/button/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/checkbox/app.component.ts

@@ -1,9 +1,8 @@
 import { Component, NgModule } from '@angular/core';
-import { IonicApp, IonicModule } from 'ionic-angular';
 
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ApiDemoPage {
 
@@ -30,18 +29,3 @@ export class ApiDemoPage {
 export class ApiDemoApp {
   root = ApiDemoPage;
 }
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/checkbox/app.module.ts

@@ -1,19 +1,6 @@
-import { Component, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
+import { ApiDemoApp, ApiDemoPage } from './app.component';
 
 @NgModule({
   declarations: [

demos/src/checkbox/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/chip/AppModule.ts

@@ -1,33 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-import { IonicApp, IonicModule } from 'ionic-angular';
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {
-  delete(chip: Element) {
-    chip.remove();
-  }
-}
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/chip/app.component.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+
+@Component({
+  templateUrl: 'page.html'
+})
+export class ApiDemoPage {
+  delete(chip: Element) {
+    chip.remove();
+  }
+}
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}
+

demos/src/chip/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/chip/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/config/app.component.ts

@@ -1,7 +1,5 @@
-import { Component, NgModule } from '@angular/core';
-
-import { IonicModule, IonicApp, Platform, NavController } from 'ionic-angular';
-
+import { Component } from '@angular/core';
+import { Platform, NavController } from 'ionic-angular';
 
 if (!window.localStorage) {
   Object.defineProperty(window, 'localStorage', new (function () {
@@ -82,7 +80,7 @@ export class TabPage {
 
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ApiDemoPage {
   config: any;
@@ -126,7 +124,7 @@ export class ApiDemoPage {
 }
 
 @Component({
-  templateUrl: 'page.html'
+  templateUrl: 'push-page.html'
 })
 export class PushPage {
   constructor(public navCtrl: NavController) {}
@@ -143,21 +141,3 @@ export class PushPage {
 export class ApiDemoApp {
   root = TabPage;
 }
-
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage,
-    TabPage,
-    PushPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp, CONFIG_DEMO)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/config/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/config/main.html

@@ -1,77 +0,0 @@
-<ion-header>
-
-  <ion-navbar>
-    <ion-title>Config</ion-title>
-  </ion-navbar>
-
-</ion-header>
-
-
-<ion-content class="config-demo">
-
-  <ion-list>
-    <ion-item>
-      <ion-label>Back Button Icon</ion-label>
-      <ion-select [(ngModel)]="config.backButtonIcon">
-        <ion-option value="ios-arrow-back">ios-arrow-back</ion-option>
-        <ion-option value="md-arrow-back">md-arrow-back</ion-option>
-        <ion-option value="close">close</ion-option>
-        <ion-option value="heart">heart</ion-option>
-        <ion-option value="globe">globe</ion-option>
-      </ion-select>
-    </ion-item>
-
-    <ion-item>
-      <ion-label>Icon Mode</ion-label>
-      <ion-select [(ngModel)]="config.iconMode">
-        <ion-option value="ios">ios</ion-option>
-        <ion-option value="md">md</ion-option>
-      </ion-select>
-    </ion-item>
-
-    <ion-item>
-      <ion-label>Tab Placement</ion-label>
-      <ion-select [(ngModel)]="config.tabsPlacement">
-        <ion-option value="bottom">bottom</ion-option>
-        <ion-option value="top">top</ion-option>
-      </ion-select>
-    </ion-item>
-
-  </ion-list>
-  <p class="note">Note: the config will not be updated until you click the button below.</p>
-
-  <div padding>
-    <button ion-button block (click)="load()">
-      Update Config
-    </button>
-  </div>
-
-  <p class="note">Any config for your app should be passed as the third argument to ionicBootstrap.</p>
-
-  <!-- this has to be formatted weird for pre -->
-  <pre margin>
-ionicBootstrap(MyApp, [], {
-  backButtonIcon: "{{initialConfig.backButtonIcon}}"
-  iconMode: "{{initialConfig.iconMode}}"
-  tabsPlacement: "{{initialConfig.tabsPlacement}}"
-});</pre>
-
-  <div padding>
-    <button ion-button block color="secondary" (click)="push()">
-      Go to Another Page
-    </button>
-  </div>
-
-</ion-content>
-
-<style>
-  .config-demo pre {
-    background-color: #f8f8f8;
-  }
-
-  .config-demo .note {
-    color: #444;
-    font-style: italic;
-    margin: 0 16px;
-  }
-</style>

demos/src/config/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/config/page.html

@@ -1,11 +1,77 @@
 <ion-header>
+
   <ion-navbar>
-    <ion-title>Page</ion-title>
+    <ion-title>Config</ion-title>
   </ion-navbar>
+
 </ion-header>
 
-<ion-content>
+
+<ion-content class="config-demo">
+
+  <ion-list>
+    <ion-item>
+      <ion-label>Back Button Icon</ion-label>
+      <ion-select [(ngModel)]="config.backButtonIcon">
+        <ion-option value="ios-arrow-back">ios-arrow-back</ion-option>
+        <ion-option value="md-arrow-back">md-arrow-back</ion-option>
+        <ion-option value="close">close</ion-option>
+        <ion-option value="heart">heart</ion-option>
+        <ion-option value="globe">globe</ion-option>
+      </ion-select>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Icon Mode</ion-label>
+      <ion-select [(ngModel)]="config.iconMode">
+        <ion-option value="ios">ios</ion-option>
+        <ion-option value="md">md</ion-option>
+      </ion-select>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Tab Placement</ion-label>
+      <ion-select [(ngModel)]="config.tabsPlacement">
+        <ion-option value="bottom">bottom</ion-option>
+        <ion-option value="top">top</ion-option>
+      </ion-select>
+    </ion-item>
+
+  </ion-list>
+  <p class="note">Note: the config will not be updated until you click the button below.</p>
+
   <div padding>
-    <button ion-button block (click)="pop()">Go Back to Config</button>
+    <button ion-button block (click)="load()">
+      Update Config
+    </button>
   </div>
+
+  <p class="note">Any config for your app should be passed as the third argument to ionicBootstrap.</p>
+
+  <!-- this has to be formatted weird for pre -->
+  <pre margin>
+ionicBootstrap(MyApp, [], {
+  backButtonIcon: "{{initialConfig.backButtonIcon}}"
+  iconMode: "{{initialConfig.iconMode}}"
+  tabsPlacement: "{{initialConfig.tabsPlacement}}"
+});</pre>
+
+  <div padding>
+    <button ion-button block color="secondary" (click)="push()">
+      Go to Another Page
+    </button>
+  </div>
+
 </ion-content>
+
+<style>
+  .config-demo pre {
+    background-color: #f8f8f8;
+  }
+
+  .config-demo .note {
+    color: #444;
+    font-style: italic;
+    margin: 0 16px;
+  }
+</style>

demos/src/config/push-page.html

@@ -0,0 +1,11 @@
+<ion-header>
+  <ion-navbar>
+    <ion-title>Page</ion-title>
+  </ion-navbar>
+</ion-header>
+
+<ion-content>
+  <div padding>
+    <button ion-button block (click)="pop()">Go Back to Config</button>
+  </div>
+</ion-content>

demos/src/datetime/app.component.ts

@@ -1,8 +1,7 @@
-import { Component, NgModule } from '@angular/core';
-import { IonicApp, IonicModule } from 'ionic-angular';
+import { Component } from '@angular/core';
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ApiDemoPage {
   wwwReleased = '1991';
@@ -69,18 +68,3 @@ export class ApiDemoPage {
 export class ApiDemoApp {
   root = ApiDemoPage;
 }
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/datetime/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/datetime/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/events/app.component.ts

@@ -1,5 +1,5 @@
-import { Component, ViewChild, NgModule } from '@angular/core';
-import { Events, IonicApp, IonicModule, Nav } from 'ionic-angular';
+import { Component, ViewChild } from '@angular/core';
+import { Events, Nav } from 'ionic-angular';
 
 @Component({
   templateUrl: 'login.html'
@@ -18,7 +18,6 @@ export class Login {
 
 }
 
-
 @Component({
   templateUrl: 'logout.html'
 })
@@ -69,20 +68,3 @@ export class ApiDemoApp {
     });
   }
 }
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    Logout,
-    Login
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    Logout,
-    Login
-  ]
-})
-export class AppModule {}

demos/src/events/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/events/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/hide-when/AppModule.ts

@@ -1,31 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-import { IonicApp, IonicModule } from 'ionic-angular';
-
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/hide-when/app.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+  templateUrl: 'page.html'
+})
+export class ApiDemoPage {}
+
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}

demos/src/hide-when/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/hide-when/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/icon/app.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+  templateUrl: 'page.html'
+})
+export class ApiDemoPage {}
+
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}

demos/src/icon/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/icon/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/infinite-scroll/app.component.ts

@@ -1,5 +1,5 @@
-import { Component, NgModule, Injectable } from '@angular/core';
-import { IonicApp, IonicModule, InfiniteScroll } from 'ionic-angular';
+import { Component, Injectable } from '@angular/core';
+import { InfiniteScroll } from 'ionic-angular';
 
 /**
  * Mock Data Access Object
@@ -63,7 +63,7 @@ export class MockProvider {
 
 
 @Component({
-  templateUrl: 'main.html',
+  templateUrl: 'page.html',
   providers: [MockProvider]
 })
 export class ApiDemoApp {
@@ -88,18 +88,3 @@ export class ApiDemoApp {
   }
 
 }
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    MockProvider
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoApp
-  ]
-})
-export class AppModule {}

demos/src/infinite-scroll/app.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoApp
+  ]
+})
+export class AppModule {}

demos/src/infinite-scroll/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/input/AppModule.ts

@@ -1,31 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-import { IonicApp, IonicModule } from 'ionic-angular';
-
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/input/app.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+
+@Component({
+  templateUrl: 'main.html'
+})
+export class ApiDemoPage {}
+
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}

demos/src/input/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/input/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/item-reorder/app.component.ts

@@ -1,8 +1,8 @@
-import { Component, NgModule, ViewEncapsulation } from '@angular/core';
-import { IonicApp, IonicModule, NavController, reorderArray } from 'ionic-angular';
+import { Component,ViewEncapsulation } from '@angular/core';
+import { NavController, reorderArray } from 'ionic-angular';
 
 @Component({
-  templateUrl: 'main.html',
+  templateUrl: 'page.html',
   encapsulation: ViewEncapsulation.None
 })
 export class ApiDemoPage {
@@ -80,18 +80,3 @@ export class ApiDemoPage {
 export class ApiDemoApp {
   root = ApiDemoPage;
 }
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/item-reorder/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/item-reorder/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/item-sliding/app.component.ts

@@ -1,9 +1,9 @@
-import { Component, NgModule, ViewEncapsulation } from '@angular/core';
-import { IonicApp, IonicModule, ItemSliding, ToastController } from 'ionic-angular';
+import { Component, ViewEncapsulation } from '@angular/core';
+import { ItemSliding, ToastController } from 'ionic-angular';
 
 
 @Component({
-  templateUrl: 'main.html',
+  templateUrl: 'page.html',
   encapsulation: ViewEncapsulation.None
 })
 export class ApiDemoPage {
@@ -95,18 +95,3 @@ export class ApiDemoPage {
 export class ApiDemoApp {
   root = ApiDemoPage;
 }
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/item-sliding/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/item-sliding/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/item/AppModule.ts

@@ -1,31 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-import { IonicApp, IonicModule } from 'ionic-angular';
-
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/item/app.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+
+@Component({
+  templateUrl: 'page.html'
+})
+export class ApiDemoPage {}
+
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}

demos/src/item/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/item/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/label/AppModule.ts

@@ -1,32 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-
-import { IonicApp, IonicModule } from 'ionic-angular';
-
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/label/app.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+  templateUrl: 'page.html'
+})
+export class ApiDemoPage {}
+
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}

demos/src/label/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/label/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/list/AppModule.ts

@@ -1,31 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-
-import { IonicApp, IonicModule } from 'ionic-angular';
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class ApiDemoPage {}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/list/app.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  templateUrl: 'page.html'
+})
+export class ApiDemoPage {}
+
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}
+

demos/src/list/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/list/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/loading/app.component.ts

@@ -1,7 +1,5 @@
-import { Component, NgModule, ViewEncapsulation } from '@angular/core';
-
-import { IonicApp, IonicModule, LoadingController, NavController } from 'ionic-angular';
-
+import { Component, ViewEncapsulation } from '@angular/core';
+import { LoadingController, NavController } from 'ionic-angular';
 
 @Component({
   templateUrl: 'main.html'
@@ -131,20 +129,3 @@ export class Page2 {}
 export class ApiDemoApp {
   root = Page1;
 }
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    Page1,
-    Page2
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    Page1,
-    Page2
-  ]
-})
-export class AppModule {}

demos/src/loading/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/loading/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/local-storage/app.component.ts

@@ -1,5 +1,5 @@
-import { Component, NgModule, Injectable, Pipe, PipeTransform } from '@angular/core';
-import { IonicApp, IonicModule, LocalStorage, Storage } from 'ionic-angular';
+import { Component, Injectable, Pipe, PipeTransform } from '@angular/core';
+import { LocalStorage, Storage } from 'ionic-angular';
 
 @Pipe({
   name: 'cleanLocalData'
@@ -85,18 +85,3 @@ export class ApiDemoApp {
   root = ApiDemoPage;
 }
 
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage,
-    CleanLocalDataPipe
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/local-storage/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/local-storage/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/menu/app.component.ts

@@ -1,10 +1,10 @@
-import { Component, NgModule } from '@angular/core';
+import { Component } from '@angular/core';
 
-import { IonicApp, IonicModule, MenuController } from 'ionic-angular';
+import { MenuController } from 'ionic-angular';
 
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ApiDemoPage {
   activeMenu: string;
@@ -31,18 +31,3 @@ export class ApiDemoPage {
 export class ApiDemoApp {
   root = ApiDemoPage;
 }
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/menu/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/menu/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/modal/app.component.ts

@@ -1,10 +1,10 @@
-import { Component, NgModule } from '@angular/core';
+import { Component } from '@angular/core';
 
-import { Animation, IonicApp, IonicModule, ModalController, NavParams, ViewController } from 'ionic-angular';
+import { Animation, ModalController, NavParams, ViewController } from 'ionic-angular';
 
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ModalFirstPage {
   myParam = '';
@@ -54,23 +54,6 @@ export class ApiDemoApp {
   root = ModalFirstPage;
 }
 
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ModalFirstPage,
-    ModalContentPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ModalFirstPage
-  ]
-})
-export class AppModule {}
-
-
 export class FadeIn extends Animation {
   constructor(enteringView: ViewController, leavingView: ViewController) {
     super(enteringView.pageRef());

demos/src/modal/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/modal/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/nav-params/app.component.ts

@@ -1,10 +1,8 @@
-import { Component, NgModule } from '@angular/core';
-
-import { IonicApp, IonicModule, NavController, NavParams } from 'ionic-angular';
-
+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ApiDemoPage {
   myParam: string = '';
@@ -16,9 +14,8 @@ export class ApiDemoPage {
   }
 }
 
-
 @Component({
-  templateUrl: 'page.html'
+  templateUrl: 'push-page.html'
 })
 export class PushPage {
   myParam: string;
@@ -36,18 +33,3 @@ export class ApiDemoApp {
   root = ApiDemoPage;
 }
 
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage,
-    PushPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/nav-params/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/nav-params/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

demos/src/navbar/AppModule.ts

@@ -1,35 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-import { IonicApp, IonicModule } from 'ionic-angular';
-
-// Use the toolbar demo but pass in the demo name to change the title
-@Component({
-  templateUrl: '../toolbar/main.html'
-})
-export class ApiDemoPage {
-  demo = 'Navbar';
-  favorites = 'recent';
-  apps = 'free';
-}
-
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class ApiDemoApp {
-  root = ApiDemoPage;
-}
-
-@NgModule({
-  declarations: [
-    ApiDemoApp,
-    ApiDemoPage
-  ],
-  imports: [
-    IonicModule.forRoot(ApiDemoApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    ApiDemoPage
-  ]
-})
-export class AppModule {}

demos/src/navbar/app.component.ts

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+
+// Use the toolbar demo but pass in the demo name to change the title
+@Component({
+  templateUrl: 'page.html'
+})
+export class ApiDemoPage {
+  demo = 'Navbar';
+  favorites = 'recent';
+  apps = 'free';
+}
+
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}

demos/src/navbar/app.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicApp, IonicModule } from 'ionic-angular';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/navbar/main.ts

@@ -0,0 +1,6 @@
+import { platformBrowser } from '@angular/platform-browser';
+import { enableProdMode } from '@angular/core';
+import { AppModuleNgFactory } from './app.module.ngfactory';
+
+enableProdMode();
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);