Initial state

samples/angular/MusicStore/wwwroot/ng-app/components/app/app.ts

@@ -0,0 +1,35 @@
+import * as ng from 'angular2/angular2';
+import * as router from 'angular2/router';
+import { Http, HTTP_BINDINGS } from 'angular2/http';
+import { Home } from '../public/home/home';
+import { AlbumDetails } from '../public/album-details/album-details';
+import { GenreContents } from '../public/genre-contents/genre-contents';
+import { GenresList } from '../public/genres-list/genres-list';
+import { AdminHome } from '../admin/admin-home/admin-home';
+import * as models from '../../models/models';
+
+@ng.Component({
+    selector: 'app'
+})
+@router.RouteConfig([
+    { path: '/', component: Home, as: 'Home' },
+    { path: '/album/:albumId', component: AlbumDetails, as: 'Album' },
+    { path: '/genre/:genreId', component: GenreContents, as: 'Genre' },
+    { path: '/genres', component: GenresList, as: 'GenresList' },
+    { path: '/admin/...', component: AdminHome, as: 'Admin' }
+])
+@ng.View({
+    templateUrl: './ng-app/components/app/app.html',
+    styleUrls: ['./ng-app/components/app/app.css'],
+    directives: [router.ROUTER_DIRECTIVES, ng.NgFor]
+})
+export class App {
+    public genres: models.Genre[];
+
+    constructor(http: Http) {
+        http.get('/api/genres/menu').subscribe(result => {
+            this.genres = result.json();
+        });
+    }
+}
+