javascript - 在解决服务方法上的 promise 之前，它会转到主方法的 promise

Question

我编写了 Angular Service，如下所示。

getPropertyDetailsByUsingApiService.js

(function () {
    appModule.service('getPropertyDetailsByUsingApiService', ['$http', function ($http) {
        this.propertyDetails = function (token, number, street, county, zip) {
            var endpointUrl = 'http://my.com/api/Matcher?Token=';
            var url = endpointUrl + token + '&Number=' + number + '&Street=' + street + '&County=' + county + '&Zip=' + zip;

            return $http.get(url).then(function (data) {
                var result = data;
                if (result.data[0].Status == 'OK') {
                    $http.get(endpointUrl + token + '&Krp=' + result.data[0].Result[0].KRP + '&County=' + county)
                        .then(function (finalData) {
                            return finalData;
                        });
                }
            });
        };
    }
    ]);
})();

这是消费方法:

propertyForm.js

    //to call Api
    vm.callApi = function () {
         var county = _.find(vm.counties, function (c) { return c.id == vm.property.countyId; });
         var city = _.find(vm.cities, function (c) { return c.id == vm.property.address.cityId; });

getPropertyDetailsByUsingApiService.propertyDetails(vm.getMd5Hashbytes(), vm.property.address.streetNumber, vm.property.address.streetName,
      county.name, city.zipCode).then(function (result) {
                   vm.propertyDetails = result;
                });
        };

问:这里的问题是在解决服务方法上的 promise 之前，它转到主方法的 promise 。换句话说，在解决服务方法上的第二个 promise 之前，它转到调用方法的 promise .你能告诉我问题出在哪里吗？

Answer 1

您可以重写:

return $http.get('url').then(function(r) => { return r;})

如:

var defer = $q.defer();

$http.get('url').then(function(r) => { defer.resolve(r);})

return defer.promise;

这在通常情况下没有意义，但在特殊情况下，你可以用这种结构做任何事情:

var defer = $q.defer();
if (smth) {
    defer.resolve('test1');
} else {
    $http.get('url').then(function(r) => {
        if (smth2) { 
            defer.resolve(r);
        } else {
            $http.get(..., function(r) => {
                defer.resolve(r);
            })
        }
    })
|

return defer.promise;