How to get data from observable in angular2

Question

I am trying to print the result of http call in Angular using rxjs

Consider the following code

import { Component, Injectable, OnInit } from '@angular/core'; import { Http, HTTP_PROVIDERS } from '@angular/http'; import 'rxjs/Rx';  @Injectable() class myHTTPService {   constructor(private http: Http) {}    configEndPoint: string = '/my_url/get_config';    getConfig() {      return this.http       .get(this.configEndPoint)       .map(res => res.json());   } }  @Component({     selector: 'my-app',     templateUrl: './myTemplate',     providers: [HTTP_PROVIDERS, myHTTPService],   }) export class AppComponent implements OnInit {      constructor(private myService: myHTTPService) { }      ngOnInit() {       console.log(this.myService.getConfig());     } } 

Whenever I tried to print out the result of getconfig it always return

Observable {_isScalar: false, source: Observable, operator: MapOperator} 

even though I return a json object instead.

How would I print out the result of getConfig ?

Answer 1

You need to subscribe to the observable and pass a callback that processes emitted values

this.myService.getConfig().subscribe(val => console.log(val));