title: How to extend an object with angular.extend?
body: <p>I'm trying to extend an object in angularJs using multiple ajax calls results. However only the last results extends my empty object.</p>
  
  <pre><code>$rootScope.progress = {}; // the objkect to extend
  
  $http.get('data.json').
  then(function(result){angular.extend($rootScope.progress,result.data)}),
  
  $http.get('error.json').
  then(function(result){angular.extend($rootScope.progress,result.data)}),
  
  $http.get('data2.json').
  then(function(result){angular.extend($rootScope.progress,result.data)}),
  
  $http.get('data3.json').
  then(function(result)    {angular.extend($rootScope.progress,result.data)})
  </code></pre>
  
  <p>You could see a plunker here:<a href="http://plnkr.co/edit/iDmsTpDpFUnvrv1pCUU9?p=preview" rel="nofollow">http://plnkr.co/edit/iDmsTpDpFUnvrv1pCUU9?p=preview</a> </p>