title: Route resolver is not working for nested Observables in Angular
body: <p>Code for route resolver:</p>
  
  <pre><code>  resolve() {
      return this.myService.activeReleases$;
    }
  </code></pre>
  
  <p>Below is the code for observable in the 'myService'. I have 2 streams here. reloadData$ is the stream which I am using to reload the data. I have added 'startWith(0)' so that the observable will start emitting when it's called.</p>
  
  <pre><code>private readonly reloadData$ = new Subject&lt;void&gt;();
  
      activeReleases$: Observable&lt;ActiveRecords[]&gt; = this.reloadData$
          .pipe(
            startWith(0),
            tap( () =&gt; console.log('Triggered reload')),
            switchMap( () =&gt; this.http.get(this.URL)
              .pipe(
                tap( () =&gt; console.log('Triggered getting records')),
                map((values: ActiveRecords[]) =&gt; {
                  console.log('hi')
                  return values;
                }),
                catchError(e =&gt; of(e)),
                ))
      );
  
      reloadData() {
          this.reloadData$.next();
      }
  </code></pre>
  
  <p>I can see the log statements I have mentioned above when I hit the url in browser but somehow the route is not resolving and I am seeing a blank page. However if I remove the 'this.reloadData$' observable then it works fine. Can't figure out what might be the issue. </p>
  
  <p>I have created a dirty example if stackblitz - <a href="https://stackblitz.com/edit/angular-ugvvrc" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-ugvvrc</a></p>
  
  <p>If you click on the link 'Go to test page', nothing happens.</p>
  
  <p>Would appreciate any help on this!</p>