chore(angular): update deps, update demo

packages/angular/demo/package.json

@@ -21,7 +21,7 @@
     "@angular/platform-browser": "^5.0.0",
     "@angular/platform-browser-dynamic": "^5.0.0",
     "@angular/router": "^5.0.0",
-    "@ionic/core": "latest",
+    "@ionic/angular": "next",
     "core-js": "^2.4.1",
     "rxjs": "^5.5.2",
     "zone.js": "^0.8.14"

packages/angular/demo/src/app/alert/alert-page.component.ts

@@ -5,7 +5,18 @@ import { AlertController } from '../../../../src/providers/alert-controller';
 @Component({
   selector: 'app-alert-page',
   template: `
-  <button (click)="clickMe()">Click Me</button>
+  <ion-app>
+  <ion-page class="show-page">
+    <ion-header>
+      <ion-toolbar>
+        <ion-title>Test</ion-title>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content padding>
+      <ion-button (click)="clickMe()">Blah</ion-button>
+    </ion-content>
+  </ion-page>
+</ion-app>
   `
 })
 export class AlertPageComponent {
@@ -16,7 +27,9 @@ export class AlertPageComponent {
 
   clickMe() {
     const alert = this.alertController.create({
-      message: 'Gretting from an ng cli app'
+      title: 'ohhhh snap',
+      message: 'Gretting from an ng cli app',
+
     });
     alert.present();
   }

packages/angular/demo/src/app/alert/alert.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { AlertPageComponent } from './alert-page.component';
@@ -9,6 +9,7 @@ import { AlertRoutingModule } from './alert-routing.module';
     CommonModule,
     AlertRoutingModule
   ],
-  declarations: [AlertPageComponent]
+  declarations: [AlertPageComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AlertModule { }

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

@@ -6,7 +6,7 @@ const routes: Routes = [
   { path: 'basic-inputs', loadChildren: 'app/basic-inputs-page/basic-inputs-page.module#BasicInputsPageModule' },
   { path: 'group-inputs', loadChildren: 'app/group-inputs-page/group-inputs-page.module#GroupInputsPageModule' },
   { path: 'home', loadChildren: 'app/home-page/home-page.module#HomePageModule' },
-  // { path: 'alert', loadChildren: 'app/alert/alert.module#AlertModule' }
+  { path: 'alert', loadChildren: 'app/alert/alert.module#AlertModule' }
 ];
 
 @NgModule({

packages/angular/demo/src/app/app.module.ts

@@ -4,14 +4,14 @@ import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
 
-// import { IonicAngularModule } from '../../../src/module';
+import { IonicAngularModule } from '../../../src/module';
 
 @NgModule({
   declarations: [AppComponent],
   imports: [
     AppRoutingModule,
     BrowserModule,
-    // IonicAngularModule
+    IonicAngularModule
   ],
   providers: [],
   bootstrap: [AppComponent],

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

@@ -9,4 +9,7 @@
   <li>
     <a href='group-inputs'>Group Inputs Test Page</a>
   </li>
+  <li>
+    <a href='alert'>Alert Page</a>
+  </li>
 </ul>