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

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();
        });
    }
}