Edit in JSFiddle

angular.module("myApp", []);
/*
I like the above declaration better than the var="myAPP" pattern because we're just doing everything through the angular object. Nice and tidy.

In the JavaScript settings for this fiddle, we have:
1. Regular JavaScript
2. AngularJS 1.4.8
3. No wrap - in <body>
*/

/*
Service: This would normally be in another file, but would be added to the HTML page before the 
controller file.
*/
angular.module('myApp')
.factory('myService', ['$http', '$q', function myServiceFactory($http, $q) {
	/* Because this is a factory, you can do code stuff here before you return. */
	return {
		getData: function() {
    	/*
      We have two data urls here which will each return their own data. If these links ever break, 
      you can just put anything else in there. Just be sure to adjust the finalData variable below 
      to match your responses. All we're doing is dumping some kind of data into an HTML list so 
      we know that both sources are loaded.
      */
			var BostonURL = "https://maps.googleapis.com/maps/api/geocode/json?address=Boston%20MA";
			var NewYorkURL = "https://maps.googleapis.com/maps/api/geocode/json?address=New%20York%20NY";

			// Docs for the $q service: https://docs.angularjs.org/api/ng/service/$q
      // Docs for the $http service: https://docs.angularjs.org/api/ng/service/$http
			var defer = $q.defer();
			var BostonData = $http.get(BostonURL, { cache: 'true'});
			var NewYorkData = $http.get(NewYorkURL, { cache: 'true'});

			$q.when( $q.all([BostonData, NewYorkData]) ).then(function(data) {
      	finalData=[];
        //When both get functions return their data, show some stuff.
        //finalData = [data[0].data.results[0], data[1].data.results[0]];
        finalData = finalData.concat(data[0].data.results, data[1].data.results);
        /*
        We have all of the data now, so resolve our defer object. This will kick off our 
        .then() function.
        */
        defer.resolve(finalData);
			});
			return defer.promise;
		}
	}
}]);

/* Controller */
angular.module('myApp')
.controller('MyCtrl', ['$scope', 'myService', function($scope, myService) {
	var that = this;
	myService.getData().then(function(data){
  	// Let the getData() function resolve, then run the next line.
		that.cities = data;
	});
}]);
<div ng-app="myApp">
	<ul ng-controller="MyCtrl as ctrl">
		<li ng-repeat="city in ctrl.cities">{{city.formatted_address}}</li>
	</ul>
</div>