Updates to use RC5 and start working with modules (not working yet!)

Author: Sam Storie

angular2-bootstrap-arguments-webpack/app/app.module.ts

@@ -0,0 +1,16 @@
+import { NgModule, provide }      from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { AppComponent }  from './app.component';
+
+export function buildAppModule(apiUrl: string, apiToken: string) {
+
+@NgModule({
+  imports: [ BrowserModule ],
+  providers: [provide("api.config", { useValue: { apiUrl: apiUrl, apiToken: apiToken} })],
+  declarations: [ AppComponent ],
+  bootstrap:    [ AppComponent ]
+})
+export class AppModule { }
+
+}

angular2-bootstrap-arguments-webpack/app/main.ts

@@ -4,10 +4,11 @@ import "es6-shim";
 import "zone.js/dist/zone";
 import "reflect-metadata";
 
-import { bootstrap } from '@angular/platform-browser-dynamic';
-import { provide } from "@angular/core";
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { provide, CompilerOptions } from "@angular/core";
 
-import {AppComponent} from './app.component';
+//import {AppComponent} from './app.component';
+import {AppModule} from "./app.module";
 import {ApiConfig} from "./api.service";
 
 // Expose the exports from the 'main' module into the global scope 
@@ -34,8 +35,15 @@ export function RunApplication(apiUrl: string, apiToken: string) {
     //  set up as well. Just create is as an injectable token here
     //  so other components/services can consume it.
     //
-    bootstrap(AppComponent, [
-        provide("api.config", { useValue: apiConfig })
-    ])
-    .catch(err => console.error(err));
+    // bootstrap(AppComponent, [
+    //     provide("api.config", { useValue: apiConfig })
+    // ])
+    // .catch(err => console.error(err));
+
+    platformBrowserDynamic().bootstrapModule(AppModule, {
+        providers: [
+            provide("api.config", { useValue: apiConfig })
+        ]
+    } as CompilerOptions);
+
 }

angular2-bootstrap-arguments-webpack/package.json

@@ -11,14 +11,13 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@angular/common": "^2.0.0-rc.4",
-    "@angular/compiler": "^2.0.0-rc.4",
-    "@angular/core": "^2.0.0-rc.4",
-    "@angular/http": "^2.0.0-rc.4",
-    "@angular/platform-browser": "^2.0.0-rc.4",
-    "@angular/platform-browser-dynamic": "^2.0.0-rc.4",
+    "@angular/common": "^2.0.0-rc.5",
+    "@angular/compiler": "^2.0.0-rc.5",
+    "@angular/core": "^2.0.0-rc.5",
+    "@angular/platform-browser": "^2.0.0-rc.5",
+    "@angular/platform-browser-dynamic": "^2.0.0-rc.5",
     "es6-shim": "^0.35.1",
-    "reflect-metadata": "^0.1.3",
+    "reflect-metadata": "^0.1.8",
     "rxjs": "5.0.0-beta.6",
     "zone.js": "^0.6.12"
   },

angular2-bootstrap-arguments-webpack/tsconfig.json

@@ -9,5 +9,8 @@
     "removeComments": false,
     "noImplicitAny": true,
     "suppressImplicitAnyIndexErrors": true
-  }
+  },
+  "files": [
+    "app/main.ts"
+  ]
 }