title: Angular promises using multiple http requests
body: <p>I have read a few forum posts before on angular promises but can't get it to work in my instance. I am using nodejs /locomotive for the backend and Angular form the frontend.</p>
  
  <p>I have the following code in a controller, basically I want to use the path to slides.path, how would I go about doing this using promises? any help would be gratefully received.</p>
  
  <pre><code>function ProductCtrl($scope, $http, $q) {
  
      $scope.events = [];
      $scope.times = [];
  
      var html = [];
      var chapters = [];
      var path;
  
      //var paPromise = $q.defer();
  
      $http({
          url: '/show',
          method: 'GET',
          params: { eventid:$scope.$routeParams.eventid}
  
      }).success(function(response, code) {
  
          $scope.events = response;
  
          angular.forEach($scope.events.slides, function(slide) {
  
              $http({
                  url: '/upload',
                  method: 'GET',
                  params: {uploadid: slide.upload.toString()}
  
              }).success(function(response, code) {
                  return "http://www.example.com/"+response.path;
  
              },path);
  
              slide.path = path;
  
              chapters.push(slide);
  
          });
  
      });
  }
  </code></pre>