title: ngrx chaining Http requests in effects
body: <p>I have some issues regarding to my code in a ngrx Effect. I want to chain two http calls, but for some reasons, my stream is blocked during the second http call.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>@Effect()
  appointmentAvailable$: Observable&lt;Action&gt; = this.actions$
    .ofType(actions.ActionTypes.MY_ACTION).map((action) =&gt; {
      return action.payload;
    }).flatMap((request: A) =&gt; {
        const temp = this.service1.remotehttp(request).map(
          response =&gt; Object.assign({}, request, { field: response[0].field }))
        console.log('service 1 answered');
        return temp;
    })
    .flatMap((request: A) =&gt; {
        console.log('service 2' + JSON.stringify(request));
        const t = this.service2.remotehttp(request);
        console.log('service 2 answered');
        return t;
    })
    .map((res) =&gt; {
        return new actions.MyActionComplete(res);
    }).catch((error) =&gt; {
        return Observable.of(new actions.MyActionError(error));
    });
  </code></pre>
  
  <p>Here is my console:</p>
  
  <pre><code>service 1 called
  service 2 {"field":correctValue, ....}
  </code></pre>
  
  <p>and no 'service 2 answered'</p>
  
  <p>I really don't know what's wrong in my code, do someone has a clue ?</p>