How to get data from observable in angular2 How to get data from observable in angular2 angular angular

How to get data from observable in angular2


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

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


Angular is based on observable instead of promise base as of angularjs 1.x, so when we try to get data using http it returns observable instead of promise, like you did

 return this.http      .get(this.configEndPoint)      .map(res => res.json());

then to get data and show on view we have to convert it into desired form using RxJs functions like .map() function and .subscribe()

.map() is used to convert the observable (received from http request)to any form like .json(), .text() as stated in Angular's official website,

.subscribe() is used to subscribe those observable response and ton put into some variable so from which we display it into the view

this.myService.getConfig().subscribe(res => {   console.log(res);   this.data = res;});


this.myService.getConfig().subscribe(  (res) => console.log(res),  (err) => console.log(err),  () => console.log('done!'));