Upgrade dependencies, readme, and default to JIT compilation

README.md

@@ -2,3 +2,32 @@
 Simple app that consumes Angular Material 2 components. Built with the `angular-cli`.
 
 See it live: https://material2-app.firebaseapp.com/
+
+## Getting started
+
+Clone this repo
+
+``` bash
+git clone https://github.com/jelbourn/material2-app.git my-app
+cd my-app
+```
+
+Install dependencies
+
+```bash
+npm install
+```
+
+Start the server!
+
+```
+npm start
+```
+
+This will run `ng serve` and the project is accessible at: `http://localhost:4200/`
+
+You're all set (:
+
+## AOT/JIT Compilation
+
+By default JIT compilation is enabled. To disable AoT compilation update `/src/main.ts`

package.json

@@ -12,23 +12,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^2.0.0",
-    "@angular/compiler": "^2.0.0",
-    "@angular/core": "^2.0.0",
-    "@angular/forms": "^2.0.0",
+    "@angular/common": "^2.1.2",
+    "@angular/compiler": "^2.1.2",
+    "@angular/core": "^2.1.2",
+    "@angular/forms": "^2.1.2",
     "@angular/http": "^2.0.0",
-    "@angular/platform-browser": "^2.0.0",
-    "@angular/platform-browser-dynamic": "^2.0.0",
     "@angular/material": "2.0.0-alpha.9-3",
+    "@angular/platform-browser": "^2.1.2",
+    "@angular/platform-browser-dynamic": "^2.0.0",
     "@angular/router": "^3.0.0",
     "core-js": "^2.4.0",
-    "rxjs": "5.0.0-beta.12",
+    "hammerjs": "^2.0.8",
+    "rxjs": "^5.0.0-beta.12",
     "ts-helpers": "^1.1.1",
-    "zone.js": "^0.6.21"
+    "zone.js": "^0.6.26"
   },
   "devDependencies": {
-    "@angular/compiler-cli": "^0.6.3",
-    "@angular/platform-server": "^2.0.0",
+    "@angular/compiler-cli": "^2.1.2",
+    "@angular/platform-server": "^2.1.2",
     "@types/hammerjs": "^2.0.32",
     "@types/jasmine": "^2.2.30",
     "angular-cli": "^1.0.0-beta.16",
@@ -43,6 +44,6 @@
     "protractor": "4.0.3",
     "ts-node": "1.2.1",
     "tslint": "3.13.0",
-    "typescript": "^2.0.2"
+    "typescript": "^2.0.6"
   }
 }

src/app/app.component.html

@@ -12,7 +12,7 @@
     Angular Material2 Example App
 
     <span class="app-toolbar-filler"></span>
-    <button md-button (click)="isDarkTheme = !isDarkTheme">TOGGLE DARK THEME</button>
+    <md-slide-toggle [(ngModel)]="isDarkTheme">TOGGLE DARK THEME</md-slide-toggle>
   </md-toolbar>
 
   <div class="app-content">
@@ -31,6 +31,11 @@
       <md-checkbox [disabled]="true">Disabled</md-checkbox>
     </md-card>
 
+    <md-card>
+      <md-slide-toggle > Default Slide Toggle </md-slide-toggle>
+      <md-slide-toggle disabled> Disabled Slide Toggle </md-slide-toggle>
+    </md-card>
+
     <md-card>
       <md-radio-button name="symbol">Alpha</md-radio-button>
       <md-radio-button name="symbol">Beta</md-radio-button>

src/app/app.module.ts

@@ -1,11 +1,13 @@
 import {NgModule} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
+import {FormsModule} from '@angular/forms';
 import {MaterialModule} from '@angular/material';
 import {Material2AppAppComponent} from './app.component';
 
 @NgModule({
   imports: [
     BrowserModule,
+    FormsModule,
     MaterialModule.forRoot(),
   ],
   declarations: [Material2AppAppComponent],

src/main.ts

@@ -11,16 +11,16 @@ if (environment.production) {
  * JIT compile.
  */
 
-// import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
-// import {MaterialAppModule} from './app/app.module';
-// platformBrowserDynamic().bootstrapModule(MaterialAppModule);
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+import {MaterialAppModule} from './app/app.module';
+platformBrowserDynamic().bootstrapModule(MaterialAppModule);
 
 
 /**
  * AoT compile.
  * First run `./node_modules/.bin/ngc -p ./src/`
  */
 
-import {platformBrowser} from '@angular/platform-browser';
-import {MaterialAppModuleNgFactory} from './aot/app/app.module.ngfactory';
-platformBrowser().bootstrapModuleFactory(MaterialAppModuleNgFactory);
+// import {platformBrowser} from '@angular/platform-browser';
+// import {MaterialAppModuleNgFactory} from './aot/app/app.module.ngfactory';
+// platformBrowser().bootstrapModuleFactory(MaterialAppModuleNgFactory);

src/polyfills.ts

@@ -17,3 +17,5 @@ import 'core-js/es6/reflect';
 
 import 'core-js/es7/reflect';
 import 'zone.js/dist/zone';
+
+import 'hammerjs';