在解決服務方法的承諾之前，它轉到主要方法的承諾

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; 
       }); 
     }; 

問題：這裏的問題是在解決服務方法的承諾之前，它轉到主要方法的承諾。換句話說，在解決服務方法的第二個承諾之前，它涉及調用方法的承諾。可以告訴我在哪裏問題 ？

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; 

Answer 2

所以，在服務的第一個承諾中，你並沒有返回第二個承諾，所以第一個承諾就完成了並在方法完成時解決，而不等待第二個承諾。

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