Angular2 RxJs map http response

Question

I have api which returns list of photos object, which I want to iterate using subscribe().. not all at once, but one by one..

http.get('photos.json')
      .map(res => res.json());

Which functions (map, flatmap...) can I use to convert response into multiple array, so when using subscribe, it will iterate one by one.. and not all response at once.

json example file

Kind of yes, but not by passing complete images to angular.. but make them obversable.. so we can apply more filters, before iterating over them. — Basit
– Basit, Commented Feb 21, 2016 at 23:49
You already have the answer. You just have to import it from rxjs/add/operator/mergeMap (flatMap is an alias of mergeMap), see github.com/ReactiveX/RxJS/blob/master/src/add/operator/… — Eric Martinez
– Eric Martinez, Commented Feb 22, 2016 at 0:31

kakigoori · Accepted Answer · 2016-02-21 23:50:38Z

2

Flatmap will do it, if you create an Observable out of the resulting array.

yourPhotosArray.flatMap(photos => Observable.from(photos))

will convert your array of photos into Observable

answered Feb 21, 2016 at 23:50

kakigoori

1,22810 silver badges20 bronze badges

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

Comments

Sasxa · Accepted Answer · 2016-02-21 23:57:07Z

2

You can use flatMap:

http.get('photos.json')
  .map(res => res.json())
  .flatMap((array, index) => array)
  .filter(photo => 600 <= photo.height)
  .subscribe(photo => console.log(photo))

edited Feb 21, 2016 at 23:57

answered Feb 21, 2016 at 23:50

Sasxa

41.4k17 gold badges90 silver badges102 bronze badges

Collectives™ on Stack Overflow

Angular2 RxJs map http response

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related