將js回調函數轉換爲帶有promise的angular。然後

Question

我該如何角色化這個js函數？我需要它異步使用。我的理解是，然後角度可以做到這一點。

function showResult(result) { 
     var lat = result.geometry.location.lat(); 
     var long = result.geometry.location.lng(); 
     $scope.vm.showroom.Longitude = long; 
     $scope.vm.showroom.Latitude = lat; 

    } 

    function GetLatitudeLongitude(callback, address) { 
     var address1 = address || '234 eisenhower avenue salt lake city'; 
     // Initialize the Geocoder 
     var geocoder = new google.maps.Geocoder(); 
     if (geocoder) { 
      geocoder.geocode({ 
       'address': address1 
      }, function (results, status) { 
       if (status == google.maps.GeocoderStatus.OK) { 
        callback(results[0]); 
       } 
      }); 
     }   
    } 

Answer 1

你可以做這樣的事情：

function GetLatitudeLongitude(address) { 
     address = address || '234 eisenhower avenue salt lake city'; 

     var deferred = $q.defer(); 
     // Initialize the Geocoder 
     var geocoder = new google.maps.Geocoder(); 

     if (!geocoder) { 
      deferred.reject('No geocoder available.'); 
      return deferred.promise; 
     } 

     geocoder.geocode({ 
      'address': address 
     }, function (results, status) { 
      if (status !== google.maps.GeocoderStatus.OK) { 
       return deferred.reject('Geocoder status error.'); 
      } 

      deferred.resolve(results[0]); 
     }); 

     return deferred.promise; 
    } 

，然後你可以這樣調用該函數：

GetLatitudeLongitude(address).then(function (result) { 
    var lat = result.geometry.location.lat(); 
    var long = result.geometry.location.lng(); 
    $scope.vm.showroom.Longitude = long; 
    $scope.vm.showroom.Latitude = lat; 
});