Angular httpClientModule

Question

I can´t handle res in array form by httpClientModule. The Api is created by NodeJS. A easy try looks like that:

res.send( [ { message: 'lego api!' } , { name: 'lucy' } ] );

The response works when i test it by my browser. No i wants to use the same url in Angular. For I imported the httpClientModule in app.module. The app component looks like that:

import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';

  ngOnInit(): void {
    console.log(this.list());
  }
  list(): Observable<any> {
    return this.http.get('http://localhost:8080/api').map(data => data.message);
  }

In console i only get the informations of the observable:

Observable {_isScalar: false, source: Observable, operator: MapOperator} operator : MapOperator {project: ƒ, thisArg: undefined}

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

_isScalar : false

proto : Object

I dont get what i´m doing wrong.

theykillimmortal · Accepted Answer · 2018-04-28 16:23:37Z

2

You need to subscribe to your Observable.

An HttpClient method does not begin its HTTP request until you call subscribe() on the observable returned by that method.

docs

answered Apr 28, 2018 at 16:23

theykillimmortal

1491 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nico Schuck Over a year ago

i can´t believe that i missed the subscribe. Anyway thanks a lot :)

Collectives™ on Stack Overflow

Angular httpClientModule

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related