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

import * as ng from 'angular2/core';
import { Http } from 'angular2/http';

@ng.Component({
  selector: 'fetch-data',
  template: require('./fetch-data.html')
})
export class FetchData {
    public forecasts: WeatherForecast[];

    constructor(http: Http) {
        // Workaround for RC1 bug. This can be removed with ASP.NET Core 1.0 RC2.
        let isServerSide = typeof window === 'undefined';
        let options: any = isServerSide ? { headers: { Connection: 'keep-alive' } } : null;
        
        // TODO: Switch to relative URL once angular-universal supports them
        // https://github.com/angular/universal/issues/348
        http.get('http://localhost:5000/api/SampleData/WeatherForecasts', options).subscribe(result => {
            this.forecasts = result.json();
        });
    }
}

interface WeatherForecast {
    dateFormatted: string;
    temperatureC: number;
    temperatureF: number;
    summary: string;
}