import { Component } from '@angular/core'; import { Http } from '@angular/http'; @Component({ selector: 'fetchdata', template: require('./fetchdata.component.html') }) export class FetchDataComponent { public forecasts: WeatherForecast[]; constructor(http: Http) { http.get('/api/SampleData/WeatherForecasts').subscribe(result => { this.forecasts = result.json(); }); } } interface WeatherForecast { dateFormatted: string; temperatureC: number; temperatureF: number; summary: string; }