updating kitchen sink to beta.16

sumitarora · sumitarora · commit 0f73a4df62cf · 2016-04-27T11:04:43.000-04:00
diff --git a/example-apps/kitchen-sink-example/package.json b/example-apps/kitchen-sink-example/package.json
@@ -7,7 +7,7 @@
   },
   "devDependencies": {},
   "dependencies": {
-    "angular2": "2.0.0-beta.15",
+    "angular2": "2.0.0-beta.16",
     "core-js": "^2.2.1",
     "css-loader": "^0.21.0",
     "d3": "^3.5.16",
@@ -21,13 +21,13 @@
     "rimraf": "^2.4.3",
     "rxjs": "^5.0.0-beta.2",
     "style-loader": "^0.13.0",
-    "ts-loader": "^0.7.2",
-    "tslint-loader": "^1.0.2",
+    "ts-loader": "^0.8.2",
+    "tslint-loader": "^2.1.4",
     "typescript": "^1.8.9",
     "typings": "^0.7.11",
     "url-loader": "^0.5.6",
-    "webpack": "^1.12.9",
-    "webpack-dev-server": "^1.14.0",
-    "zone.js": "^0.6.10"
+    "webpack": "^1.13.0",
+    "webpack-dev-server": "^1.14.1",
+    "zone.js": "^0.6.12"
   }
 }
diff --git a/example-apps/kitchen-sink-example/source/app.ts b/example-apps/kitchen-sink-example/source/app.ts
@@ -1,6 +1,12 @@
 // Load Global Styles
-import {ROUTER_PROVIDERS, LocationStrategy,
-    HashLocationStrategy, APP_BASE_HREF} from 'angular2/router';
+import {ROUTER_PROVIDERS} from 'angular2/router';
+
+import {
+  LocationStrategy,
+  HashLocationStrategy,
+  APP_BASE_HREF}
+from 'angular2/platform/common';
+
 import {provide} from 'angular2/core';
 import {FORM_DIRECTIVES} from 'angular2/common';
 import {bootstrap} from 'angular2/platform/browser';
diff --git a/example-apps/kitchen-sink-example/source/components/dynamic-controls/dynamic-controls.ts b/example-apps/kitchen-sink-example/source/components/dynamic-controls/dynamic-controls.ts
@@ -1,19 +1,16 @@
 import {Component, Input} from 'angular2/core';
-import LoadIntoComponent from './load-into-component';
 import LoadAsRootComponent from './load-as-root-component';
 import LoadNextToComponent from './load-next-to-component';
 
 @Component({
   selector: 'dynamic-controls',
   template: `
     <div>
-      <load-into-component></load-into-component>
-      <hr/>
       <load-next-to-component></load-next-to-component>
       <hr/>
       <load-as-root-component></load-as-root-component>
     </div>
   `,
-  directives: [LoadIntoComponent, LoadAsRootComponent, LoadNextToComponent]
+  directives: [LoadAsRootComponent, LoadNextToComponent]
 })
 export default class DynamicControls {}
diff --git a/example-apps/kitchen-sink-example/source/components/dynamic-controls/load-as-root-component.ts b/example-apps/kitchen-sink-example/source/components/dynamic-controls/load-as-root-component.ts
@@ -24,7 +24,7 @@ export default class LoadAsRootComponent {
     private injector: Injector) { }
 
   loadComponent() {
-    this.dcl.loadAsRoot(DynamicComponent, '#anchor', null)
+    this.dcl.loadAsRoot(DynamicComponent, '#anchor', this.injector)
       .then(componentRef => console.log('loadAsRoot', componentRef));
   }
 }
diff --git a/example-apps/kitchen-sink-example/source/components/dynamic-controls/load-into-component.ts b/example-apps/kitchen-sink-example/source/components/dynamic-controls/load-into-component.ts
diff --git a/example-apps/kitchen-sink-example/source/components/dynamic-controls/load-next-to-component.ts b/example-apps/kitchen-sink-example/source/components/dynamic-controls/load-next-to-component.ts
@@ -1,4 +1,5 @@
-import {Component, DynamicComponentLoader, ElementRef} from 'angular2/core';
+import {Component, DynamicComponentLoader, ViewContainerRef}
+from 'angular2/core';
 import DynamicComponent from './dynamic-component';
 import Hello from './hello';
 
@@ -17,7 +18,7 @@ import Hello from './hello';
 export default class LoadNextToComponent {
   constructor(
     private dcl: DynamicComponentLoader,
-    private elementRef: ElementRef) { }
+    private elementRef: ViewContainerRef) { }
 
   loadComponent() {
     this.dcl.loadNextToLocation(DynamicComponent, this.elementRef)
diff --git a/example-apps/kitchen-sink-example/source/components/form-controls/form2.ts b/example-apps/kitchen-sink-example/source/components/form-controls/form2.ts
@@ -1,8 +1,10 @@
 import {Component} from 'angular2/core';
 import {FORM_DIRECTIVES} from 'angular2/common';
-import {ROUTER_DIRECTIVES, RouterLink, Location, RouteParams, Router}
+import {ROUTER_DIRECTIVES, RouterLink, RouteParams, Router}
 from 'angular2/router';
 
+import {Location} from 'angular2/platform/common';
+
 @Component({
   selector: 'form2',
   directives: [FORM_DIRECTIVES, RouterLink, ROUTER_DIRECTIVES],

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ export default class LoadAsRootComponent {`
`24`	`24`	`private injector: Injector) { }`
`25`	`25`
`26`	`26`	`loadComponent() {`
`27`		`- this.dcl.loadAsRoot(DynamicComponent, '#anchor', null)`
	`27`	`+ this.dcl.loadAsRoot(DynamicComponent, '#anchor', this.injector)`
`28`	`28`	`.then(componentRef => console.log('loadAsRoot', componentRef));`
`29`	`29`	`}`
`30`	`30`	`}`