import { Injectable } from '@angular/core'; import { Http, Response } from '@angular/http'; import { Observable } from 'rxjs/Observable'; @Injectable() export class HeaderDataService { constructor(private http: Http) {} loadData(): Observable { return this.http .get('assets/mock-data/header-data.json') .map((res: Response) => res.json()) .catch(this.handleError); } private handleError (error: any) { let errMsg = (error.message) ? error.message : error.status ? `${error.status} - ${error.statusText}` : 'Server error'; console.error(errMsg); // log to console instead return Observable.throw(errMsg); } }