I am currently trying to grasp the concept of promises in Angular 1.0.7, but I find both the syntax and the idea challenging. Previously, I posted a related question Nesting promises with $resources in AngularJS 1.0.7 which is functioning correctly. However, when I attempt to achieve the same result using the $http service instead of $resource, it does not behave as expected.
The code does not wait for the promise to resolve, and I do not receive any output.
Below is the code snippet:
// Parsing URL to retrieve destination, language, and boatType
var parseURL = function() {
var language = $routeParams.language;
var url = $location.path();
var deferred = $q.defer();
var promise = deferred.promise;
promise.then(function success(result) {
var destination = result;
console.log("destination:" + destination);
searchBoats(destination);
});
parseDestination(url, language).then(deferred.resolve);
};
parseURL();
var parseDestination = function(url, language) {
console.log("parseDestination.begin");
var departure = UrlService.parseUrlDeparture(url);
var deferred = $q.defer(),
promise = deferred.promise;
TranslationService.getTranslatedDeparture(departure, language, API_SERVER_URL, deferred.resolve, deferred.reject);
return promise;
};
// Service function
getTranslatedDeparture: function(destination, language, api) {
var defered = $q.defer();
var destinationPromise = defered.promise;
$http.get("http://" + api + "/translatedDepartures?departure=" + destination + ";lang=" + language + ";matchStart=" + true).then(
//var destination = result.data.map(function (source) { return source.element_translation; });
defered.resolve
);
return destinationPromise;
}