Observable.forkJoin of Angular Route Params Observable

Question

In my Angular component ngOnInit() I want to:

1. Read route parameter and execute a dependent HTTP call with it as argument.
2. Execute separate HTTP call.
3. Wait for both HTTP calls to finish.

Both HTTP calls are always executing, but when my first observable is wired up to route.params, the forkJoin(...).subscribe(...) method never runs. If I replace this.route.params with Observable.of({id: 1234}) forkJoin().subscribe() gets called properly.

// VERSION 1 forkJoin().subscribe() never gets called
var dependentObservable = this.route.params
    .switchMap(params => {
        this.myId = +params['id'];
        return this.myService.getMyInfo(this.myId);
    });

// VERSION 2 forkJoin().subscribe gets called
var dependentObservable = Observable.of({id: 123})
    .switchMap(params => {
        this.myId = +params['id'];
        return this.myService.getMyInfo(this.myId);
    });

var independentObservable = this.myService.getOtherInfo();

Observable.forkJoin([dependentObservable, independentObservable])
    .subscribe(
        results = { ... },
        error => { ... },
        () => { ... }
    );

Answer 1

My guess is route.params is never completed. That's why forkJoin does not work. You can use combineLatest instead of forkJoin