Angular2 - nested http requests

Question

I have some component code that looks like this:

private myThing: MyThing;

ngOnInit() {
    this.service.getMyThing().subscribe(thing => {
        this.myThing = thing;
    }
}

However, the service looks like this - it is composed of data joined by two http requests. The first one is from "otherService", which fetches an additional property for the thing object, and the second call fetches the base thing object. I would like to combine these results and alert the subscriber when all action has been completed, i.e. this.myThing should have the ".prop" property...

public getMyThing(): Observable<MyThing> {
    this.otherService.getThingProperty().subscribe(prop => {
         return this.http.get('url')
             .map(res => res.json())
             .map(thing => {
                 thing.prop = prop;
             });
    });
}

But this is clearly wrong - the function thinks it is void which makes sense... I just don't know how to get the component to subscribe to the final observable. Any tips are appreciated. Thanks!

Harry Ninh · Accepted Answer · 2016-08-02 05:09:41Z

1

Try switchMap:

public getMyThing(): Observable<MyThing> {
  return this.otherService.getThingProperty().switchMap(prop => {
     return this.http.get('url')
         .map(res => res.json())
         .map(thing => {
             thing.prop = prop;
         });
  });
}

answered Aug 2, 2016 at 5:09

Harry Ninh

16.8k5 gold badges64 silver badges56 bronze badges

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

1 Comment

user3689167 Over a year ago

The switchmap looks to be exactly what I was looking for...I realized I am missing a piece to my puzzle - do you have any insight for this question: stackoverflow.com/questions/38712303/…

Collectives™ on Stack Overflow

Angular2 - nested http requests

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related