Combine 2 Observables rxjs

bluescreen

How can i use the return values of 2 combined Observables in the next?

I need to fetch the settings and the current Position first before creating the map.

let trackerObservable = this.tracker.getCurrentPosition();
let settingsObservable = this.user.loadSettings();

Observable.merge(trackerObservable, settingsObservable)
        .switchMap((coords: Coordinates, settings: Settings) => {
            this.currentCoords = coords;
            return this.navigatorMap.createMap(map_id, {
                lat: coords.latitude,
                lng: coords.longitude
            }, settings);
        }).subscribe(() => { [...] })
Mohan Ram

Use forkJoin to get both the observable data.

Observable
    .forkJoin(trackerObservable, settingsObservable)
    .map((data: Array<any>) => {
        let coords: data[0];
        let settings: data[1];
        this.currentCoords = coords;
        return this.navigatorMap.createMap(map_id, {
            lat: coords.latitude,
            lng: coords.longitude
        }, settings);
    });

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Rxjs combine 2 observables, Angular 2

分類Dev

Rxjs how to invoke cold Observables

分類Dev

Angular - Combine params and queryParams observables

分類Dev

Angular 2rxjsネストされたObservables

分類Dev

RXJS Wait for All Observables to Complete and Return Results

分類Dev

Angular/ RxJS: nested service calls with observables

分類Dev

例外:RxJSおよびAngular2でObservablesを操作する場合のObjectUnsubscribedError

分類Dev

RxJS Combine最新の混乱

分類Dev

Angular 2 Observables

分類Dev

Angular 2/4 Observables

分類Dev

Angular 6 pipe RxJs operator to chain 3 dependant observables

分類Dev

RxJS / Redux-observables: How would I test EventEmitter?

分類Dev

RxJS Observables:値を使用した作成

分類Dev

Angular and RxJs combine two http requests

分類Dev

Fetch data once with Observables in Angular 2

分類Dev

Get data once from 2 observables

分類Dev

Mocking service calls that return observables in Angular 2?

分類Dev

RxJSまたはAngular2のObservablesのフィルターにサブスクライブを配置するにはどうすればよいですか?

分類Dev

How to combine 2 :not class?

分類Dev

How to combine these 2 formula

分類Dev

rxjs:Observablesを介して応答を順序付ける方法

分類Dev

MobX ObservablesはRxJSのものと関係がありますか?

分類Dev

How to create proper queue in RxJS consisting of Observables containing both sync and async functions

分類Dev

Angular4 / RxJS Observables が子レコードを取得する

分類Dev

Angular2とRxJS

分類Dev

BehaviorSubject RxJs angle2

分類Dev

Angular 2 Observables - Return original observable, instead of switchMap/combineLatest

分類Dev

How do I get a set difference between 2 observables?

分類Dev

System.Reactive - Combining 2 observables into a stream with all permutations

Related 関連記事

  1. 1

    Rxjs combine 2 observables, Angular 2

  2. 2

    Rxjs how to invoke cold Observables

  3. 3

    Angular - Combine params and queryParams observables

  4. 4

    Angular 2rxjsネストされたObservables

  5. 5

    RXJS Wait for All Observables to Complete and Return Results

  6. 6

    Angular/ RxJS: nested service calls with observables

  7. 7

    例外:RxJSおよびAngular2でObservablesを操作する場合のObjectUnsubscribedError

  8. 8

    RxJS Combine最新の混乱

  9. 9

    Angular 2 Observables

  10. 10

    Angular 2/4 Observables

  11. 11

    Angular 6 pipe RxJs operator to chain 3 dependant observables

  12. 12

    RxJS / Redux-observables: How would I test EventEmitter?

  13. 13

    RxJS Observables:値を使用した作成

  14. 14

    Angular and RxJs combine two http requests

  15. 15

    Fetch data once with Observables in Angular 2

  16. 16

    Get data once from 2 observables

  17. 17

    Mocking service calls that return observables in Angular 2?

  18. 18

    RxJSまたはAngular2のObservablesのフィルターにサブスクライブを配置するにはどうすればよいですか?

  19. 19

    How to combine 2 :not class?

  20. 20

    How to combine these 2 formula

  21. 21

    rxjs:Observablesを介して応答を順序付ける方法

  22. 22

    MobX ObservablesはRxJSのものと関係がありますか?

  23. 23

    How to create proper queue in RxJS consisting of Observables containing both sync and async functions

  24. 24

    Angular4 / RxJS Observables が子レコードを取得する

  25. 25

    Angular2とRxJS

  26. 26

    BehaviorSubject RxJs angle2

  27. 27

    Angular 2 Observables - Return original observable, instead of switchMap/combineLatest

  28. 28

    How do I get a set difference between 2 observables?

  29. 29

    System.Reactive - Combining 2 observables into a stream with all permutations

ホットタグ

アーカイブ