feature(angular2spa): Angular 2.0, Universal 2.0, TS 2.0

templates/Angular2Spa/ClientApp/components/app/app.ts

@@ -1,11 +1,9 @@
-import * as ng from '@angular/core';
-import { ROUTER_DIRECTIVES } from '@angular/router';
+import { Component } from '@angular/core';
 import { NavMenu } from '../nav-menu/nav-menu';
 
-@ng.Component({
+@Component({
     selector: 'app',
-    template: require('./app.html'),
-    directives: [...ROUTER_DIRECTIVES, NavMenu]
+    template: require('./app.html')
 })
 export class App {
 }

templates/Angular2Spa/ClientApp/components/counter/counter.ts

@@ -1,6 +1,6 @@
-import * as ng from '@angular/core';
+import { Component } from '@angular/core';
 
-@ng.Component({
+@Component({
   selector: 'counter',
   template: require('./counter.html')
 })

templates/Angular2Spa/ClientApp/components/fetch-data/fetch-data.ts

@@ -1,7 +1,7 @@
-import * as ng from '@angular/core';
+import { Component } from '@angular/core';
 import { Http } from '@angular/http';
 
-@ng.Component({
+@Component({
   selector: 'fetch-data',
   template: require('./fetch-data.html')
 })

templates/Angular2Spa/ClientApp/components/home/home.ts

@@ -1,6 +1,6 @@
-import * as ng from '@angular/core';
+import { Component }from '@angular/core';
 
-@ng.Component({
+@Component({
   selector: 'home',
   template: require('./home.html')
 })

templates/Angular2Spa/ClientApp/components/index.ts

@@ -0,0 +1,8 @@
+// Here we can create "Barrels" so that it's easier to import everything
+// within /components
+
+export * from './app/app';
+export * from './counter/counter';
+export * from './fetch-data/fetch-data';
+export * from './home/home';
+export * from './nav-menu/nav-menu';

templates/Angular2Spa/ClientApp/components/nav-menu/nav-menu.ts

@@ -1,10 +1,8 @@
-import * as ng from '@angular/core';
-import { ROUTER_DIRECTIVES } from '@angular/router';
+import { Component } from '@angular/core';
 
-@ng.Component({
+@Component({
   selector: 'nav-menu',
-  template: require('./nav-menu.html'),
-  directives: [...ROUTER_DIRECTIVES]
+  template: require('./nav-menu.html')
 })
 export class NavMenu {
 }