title: AngularJS multiple $http calls, with multiple results
body: <p>I have a LIST of Id's and I want <strong>all</strong> of them to contact my API.</p>
  
  <p>The way I did it is like this:</p>
  
  <pre><code> var someFunct = function() {
        for (var i = 0; i &lt; Apples.length; i++) {
         var Apple = Apples[i];
          $http.get("APIUrl" + Apple.Id).
          success(function (response) {
              for (var i = 0; i &lt; response.Appleseeds.length; i++) {
  
                  if(Apple.Appleseeds.Id == response.Appleseeds.Id)
                  {
                      Apple.Size = response.Appleseeds.Size;
                  }
              }               
          })
  
      }
  </code></pre>
  
  <p>So the problem is that <code>Apple[2]</code> has changed value, where <code>Apple[0]</code> and <code>Apple[1]</code> stay untouched. <code>response.Appleseeds</code> have their own list of Id's. So I need to change the Size of ALL THE APPLES not just <code>Apple[2]</code>.</p>