title: Angular - Multiple $http.get Requests for Data
body: <p>What is the best approach to take when making multiple calls to an API for data needed in the same view?</p>
  
  <p>For example, you have multiple select boxes which need to contain data pulled in from outside the app, all in the same view.</p>
  
  <p>Is there a more elegant solution than simply firing them all at once in your controller? Such as the following</p>
  
  <pre><code>app.controller('myCtrl', function($service) { 
  
     $service.getDataOne().then(function(response) {
        $scope.dataOne = response;
     }, function(error) {
        console.log(error);
     });
  
     $service.getDataTwo().then(function(response) {
        $scope.dataTwo = response;
     }, function(error) {
        console.log(error);
     })
  }); 
  </code></pre>
  
  <p>etc...with each service function performing a $http.get request.</p>
  
  <p>While this works, I feel there is probably a more elegant solution.</p>
  
  <p>Any thoughts as always is much appreciated.</p>