javascript - 在 Angular 中异步加载工厂中的坐标

Question

我对工厂的调用在 map Controller 中返回得太快。我正在尝试设置 map 的中心，但是由于对 geo 的调用返回未定义，因此它永远不会设置中心。然而，坐标是在地理工厂中获取的。他们只是太迟了。

我认为 .then() 的目的是等待返回日期。那么，如何强制我的应用程序等待？

我的工厂是:

angular.module('comhubApp')
.factory('geo', function ($q) {

var getPosition = function () {
    var deferred = $q.defer();
    if (navigator.geolocation) {
      deferred.resolve(navigator.geolocation.getCurrentPosition(function (position) {
        var crd = position.coords;
        console.log('Latitude : ' + crd.latitude);
        console.log('Longitude: ' + crd.longitude);
        return crd;
      } ));
    }
    return deferred.promise;
}

// Public API here
return {
  getPosition: getPosition
};});

我的 map Controller 调用它:

// GEOLOCATION
geo.getPosition().then( function (position) {
    console.log(position);
    $scope.center.lat = position.latitude;
    $scope.center.lon = position.longitude;
});

Answer 1

您在 geolocation.getCurrentPosition 返回之前调用 deferred.resolve。您需要在以下时间后调用它:

var getPosition = function() {
  var deferred = $q.defer();
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      var crd = position.coords;
      console.log('Latitude : ' + crd.latitude);
      console.log('Longitude: ' + crd.longitude);
      deferred.resolve(crd);
    });
  }
  return deferred.promise;
}

这是一个有效的 plunkr:http://plnkr.co/edit/H7LEjsrSkZOzGBZIeTXF?p=preview