Merging http observables using forkjoin

by

Try to use combineLatest instead of forkJoin :

With combineLatest :

const combined = Observable.combineLatest(
  this.http.get('https://testdb1.firebaseio.com/.json').map((res: Response) => res.json()),
  this.http.get('https://testdb2.firebaseio.com/.json').map((res: Response) => res.json())
)

combined.subscribe(latestValues => {
    const [ data_changes , data_all ] = latestValues;
    console.log( "data_changes" , data_changes);
    console.log( "data_all" , data_all);
});

You can also handle it by forkJoin , but forkJoin will return data when all calls are finished and return result , but in combineLatest When any observable emits a value, emit the latest value from each.

With forkJoin :

const combined = Observable.forkJoin(
  this.http.get('https://testdb1.firebaseio.com/.json').map((res: Response) => res.json()),
  this.http.get('https://testdb2.firebaseio.com/.json').map((res: Response) => res.json())
)

combined.subscribe(latestValues => {
    const [ data_changes , data_all ] = latestValues;
    console.log( "data_changes" , data_changes);
    console.log( "data_all" , data_all);
});

Call both and check the console log , you will get idea.

More Related Contents:

  1. Ionic 2 – global NavBar for the app
  2. Ionic 2 Form goes up when keyboard shows
  3. Property ‘files’ does not exist on type ‘EventTarget’ error in typescript
  4. async/await in Angular `ngOnInit`
  5. Ionic – Horizontal scroll tab for Categories [duplicate]
  6. Page is part of the declarations of 2 modules: Error in ionic build prod
  7. No provider for AngularFireDatabase, AngularFireAuth
  8. Cannot read property of ‘xxx’ of undefined
  9. Use nav.push with side menu in ionic 2
  10. access SASS values ($colors from variables.scss) in Typescript (Angular2 ionic2)
  11. Angular 2 + Ionic 2: Detect if an object was modified
  12. Angular – Make multiple HTTP calls sequentially
  13. Ionic2/Angular2 – Read a custom config file
  14. TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
  15. How can I create an observable with a delay
  16. How to return observable from subscribe
  17. How to return value inside subscribe Angular 4
  18. Call a function every 10 seconds Angular2
  19. Cannot read property ‘native-element’ of undefined
  20. How to use angular 2 service with Ionic 2?
  21. No provider for HttpClient
  22. Wait for Angular 2 to load/resolve model before rendering view/template
  23. How do I detect user navigating back in Angular2?
  24. Access environment variables in production build Angular 4
  25. Angular2 – Setting date field on reactive form
  26. Angular – POST uploaded file
  27. How to parse xml in Angular 2
  28. angular’s ng-init alternative in Angular 2
  29. Class is using Angular features but is not decorated. Please add an explicit Angular decorator
  30. How to validate white spaces/empty spaces? [Angular 2]

Leave a Comment