title: Avoiding nesting subscriptions in Angular 2+?
body: <p>I have 2 endpoints:</p>
  <ul>
  <li>1 endpoint to get current user logged.</li>
  <li>1 endpoint to get grants of this user.</li>
  </ul>
  <p>Actually I use:</p>
  <pre class="lang-js prettyprint-override"><code>this.user
    .subscribe((e) =&gt; {
       this.grants.get(e)
          .subscribe((x) =&gt; {
              console.log(x)
           })
    })
  </code></pre>
  <p>But this is an anti-pattern of Angular 2+/RxJS.</p>
  <p>I would like to know how to do this following Angular/RxJS best practices.</p>
  <p>Thanks</p>