title: What is the recommended way to handle multiple api calls from angular to backend server on the same page(=angular component)?
body: <p>I'm a backend developing using python/django stack to build a backend api server for our team's frontend developer, who uses angular2 to build SPA for our service.</p>
  
  <p>There are times when frontend need to make GET api call to two or more separate resources to backend server.</p>
  
  <p>For example, we have <code>payments</code> page, which needs information both from <code>users</code> and <code>products</code> tables.</p>
  
  <p>Is it better to make two separate calls at endpoints as follows:</p>
  
  <pre><code>/api/users/:user_id
  /api/products/:product_id
  </code></pre>
  
  <p>or it better to make backend django server to do some data processing to mix up the information and return the results containing both <code>user-related info</code> and <code>product-related info</code> at a single endpoint as follows:</p>
  
  <pre><code>/api/payments/:payment_id
  </code></pre>
  
  <p>Which  do you think is more standard de facto? </p>