title: Angular - Nested API calls with iteration
body: <p>Is there a better way to achieve this (getting all users with their photos) :</p>
  
  <pre class="lang-js prettyprint-override"><code>this.authHttp.get(this.ApiUrl+'users')
  .map(res =&gt; res.json())
      .subscribe(users =&gt; {
          for (let user of users) {
              this.authHttp.get(this.ApiUrl+'users/'+user.id+'/photos')
              .map(res =&gt; res.json())
              .subscribe(photos =&gt; {
                  user['photos'] = photos;
                  this.items.push(user);
              })
          }
      });
  </code></pre>
  
  <p>Maybe using mergeMap ?</p>
  
  <p>Thank you for your advice</p>
  
  <p>Julien</p>