chore(demos): ngc compile

.gitignore

@@ -33,3 +33,5 @@ scripts/build/e2e-generated-tsconfig.json
 demos/node_modules
 demos/src/**/*.js
 demos/src/**/*.ngfactory.ts
+demos/src/**/*.d.ts
+demos/src/**/*.metadata.json

demos/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "ionic-demos",
+  "private": true,
+  "version": "1.0.0",
+  "description": "ionic demos",
+  "author": "Ionic Team <hi@ionic.io> (http://ionic.io)",
+  "license": "MIT",
+  "dependencies": {
+    "@angular/common": "2.0.0-rc.7",
+    "@angular/compiler": "2.0.0-rc.7",
+    "@angular/core": "2.0.0-rc.7",
+    "@angular/forms": "2.0.0-rc.7",
+    "@angular/http": "2.0.0-rc.7",
+    "@angular/platform-browser": "2.0.0-rc.7",
+    "@angular/platform-browser-dynamic": "2.0.0-rc.7",
+    "@angular/platform-server": "2.0.0-rc.7",
+    "ionic-angular": "nightly",
+    "ionic-native": "1.3.20",
+    "ionicons": "3.0.0",
+    "rxjs-es": "5.0.0-beta.12",
+    "zone.js": "^0.6.23"
+  },
+  "devDependencies": {
+    "@angular/compiler-cli": "0.6.2",
+    "@ionic/app-scripts": "latest",
+    "typescript": "2.0.2"
+  }
+}

demos/src/button/app.component.ts

@@ -1,6 +1,5 @@
 import { Component } from '@angular/core';
 
-
 @Component({
   templateUrl: 'page.html'
 })

demos/src/checkbox/app.component.ts

@@ -17,7 +17,8 @@ export class ApiDemoPage {
     stannis: true,
     petyr: false,
     hodor: true,
-    catelyn: true
+    catelyn: true,
+    bronn: false
   };
 
 }

demos/src/config/app.module.ts

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

demos/src/config/page.html

@@ -50,11 +50,11 @@
 
   <!-- this has to be formatted weird for pre -->
   <pre margin>
-ionicBootstrap(MyApp, [], {
+<!--ionicBootstrap(MyApp, [], {
   backButtonIcon: "{{initialConfig.backButtonIcon}}"
   iconMode: "{{initialConfig.iconMode}}"
   tabsPlacement: "{{initialConfig.tabsPlacement}}"
-});</pre>
+});--></pre>
 
   <div padding>
     <button ion-button block color="secondary" (click)="push()">

demos/src/input/app.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ApiDemoPage {}
 

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

@@ -25,7 +25,7 @@ export class CleanLocalDataPipe implements PipeTransform {
 
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class ApiDemoPage {
   local: Storage;
@@ -84,4 +84,3 @@ export class ApiDemoPage {
 export class ApiDemoApp {
   root = ApiDemoPage;
 }
-

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

@@ -1,11 +1,12 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage } from './app.component';
+import { ApiDemoApp, ApiDemoPage, CleanLocalDataPipe } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage
+    ApiDemoPage,
+    CleanLocalDataPipe
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)

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

@@ -1,11 +1,12 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage } from './app.component';
+import { ApiDemoApp, ApiDemoPage, PushPage } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage
+    ApiDemoPage,
+    PushPage
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)

demos/src/navigation/app.component.ts

@@ -15,7 +15,7 @@ export class ApiDemoPage {
 }
 
 @Component({
-  templateUrl: 'page-page.html'
+  templateUrl: 'push-page.html'
 })
 export class PushPage {
   pageNum = pageNum;

demos/src/navigation/app.module.ts

@@ -1,11 +1,12 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage } from './app.component';
+import { ApiDemoApp, ApiDemoPage, PushPage } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage
+    ApiDemoPage,
+    PushPage
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)

demos/src/popover/app.component.ts

@@ -1,7 +1,6 @@
 import { Component, ElementRef, ViewChild, ViewEncapsulation } from '@angular/core';
 import { NavParams, PopoverController } from 'ionic-angular';
 
-
 @Component({
   template: `
     <ion-list radio-group [(ngModel)]="fontFamily" (ionChange)="changeFontFamily()">

demos/src/popover/app.module.ts

@@ -1,11 +1,12 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage } from './app.component';
+import { ApiDemoApp, ApiDemoPage, PopoverRadioPage } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage
+    ApiDemoPage,
+    PopoverRadioPage
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)

demos/src/select/page.html

@@ -86,7 +86,7 @@
 
     <ion-item>
       <ion-label>Pets</ion-label>
-      <ion-select [(ngModel)]="pets" multiple="true" [alertOptions]="petAlertOpts">
+      <ion-select [(ngModel)]="pets" multiple="true" [selectOptions]="petAlertOpts">
         <ion-option *ngFor="let o of petData" [value]="o.value">{{o.text}}</ion-option>
       </ion-select>
     </ion-item>

demos/src/tabs/app.component.ts

@@ -2,7 +2,7 @@ import { Component, NgModule, ViewEncapsulation } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
 
 @Component({
-  template: 'tab',
+  template: '<div>johnny utah</div>',
 })
 export class TabPage {}
 
@@ -23,4 +23,3 @@ export class ApiDemoPage {
 export class ApiDemoApp {
   root = ApiDemoPage;
 }
-

demos/src/tabs/app.module.ts

@@ -13,7 +13,8 @@ import { ApiDemoApp, ApiDemoPage, TabPage } from './app.component';
   ],
   bootstrap: [IonicApp],
   entryComponents: [
-    ApiDemoPage
+    ApiDemoPage,
+    TabPage
   ]
 })
 export class AppModule {}

demos/tsconfig.json

@@ -13,8 +13,8 @@
     "types": ["jasmine", "protractor"]
   },
   "include": [
-    "./src/**/app.module.ts",
-    "./src/**/main.ts"
+    "./src/toolbar/app.module.ts",
+    "./src/toolbar/main.ts"
   ],
   "compileOnSave": false,
   "buildOnSave": false,