{
  "site": {
    "success": true,
    "title": "foo",
    "description": "bar"
  }
}

import { Injectable } from '@angular/core';
 import  {HTTP_PROVIDERS, Http, Response, Headers, RequestOptions } from "@angular/http";
 import { Observable } from 'rxjs/Rx';


 @Injectable()
 export class ContentService {
     constructor(private _http:Http) {}

     getContent() {
         return this._http.get('http://localhost:8080/api/foobar-endpoint/')
             .map((res:Response) => res.json())
     }

 }

import { Component, OnInit } from '@angular/core';
import { ContentService } from "../../services/content/content.service";

const template = require('./home.jade');
const styles = require('./home.sass');

@Component({
    selector: 'home',
    templateUrl: template,
    styleUrls: [styles]
})

export class HomeComponent implements OnInit {

    public foo = {}

    constructor(private _contentService: ContentService) {}

    ngOnInit() {
        this.getContent();
    }

    getContent() {
        this._contentService.getContent()
            .subscribe(
                data => {this.foo = data},
                err => { console.log(err) },
                () => console.log()
            );
    }

}