Add Angular2Spa template

templates/Angular2Spa/ClientApp/components/app/app.css

@@ -0,0 +1,21 @@
+/* Wrapping element */
+/* Set some basic padding to keep content from hitting the edges */
+.body-content {
+    padding-top: 50px;
+    padding-bottom: 20px;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+/* Set widths on the form inputs since otherwise they're 100% wide */
+input,
+select,
+textarea {
+    max-width: 280px;
+}
+
+/* Carousel */
+.carousel-caption p {
+    font-size: 20px;
+    line-height: 1.4;
+}

templates/Angular2Spa/ClientApp/components/app/app.html

@@ -0,0 +1,28 @@
+<div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="container">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" [routerLink]="['/Home']">WebApplicationBasic</a>
+        </div>
+        <div class="navbar-collapse collapse">
+            <ul class="nav navbar-nav">
+                <li><a [routerLink]="['/Home']">Home</a></li>
+                <li><a [routerLink]="['/About']">About</a></li>
+                <li><a [routerLink]="['/Counter']">Counter</a></li>
+            </ul>
+        </div>
+    </div>
+</div>
+
+<div class="container body-content">
+    <router-outlet></router-outlet>
+    <hr />
+    <footer>
+        <p>&copy; 2016 - WebApplicationBasic</p>
+    </footer>
+</div>

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

@@ -0,0 +1,22 @@
+import * as ng from 'angular2/core';
+import * as router from 'angular2/router';
+import { Http, HTTP_BINDINGS } from 'angular2/http';
+import { Home } from '../home/home.ts';
+import { About } from '../about/about';
+import { Counter } from '../counter/counter';
+
+@ng.Component({
+    selector: 'app'
+})
+@router.RouteConfig([
+    { path: '/', component: Home, name: 'Home' },
+    { path: '/about', component: About, name: 'About' },
+    { path: '/counter', component: Counter, name: 'Counter' }
+])
+@ng.View({
+    template: require('./app.html'),
+    styles: [require('./app.css')],
+    directives: [router.ROUTER_DIRECTIVES]
+})
+export class App {
+}