从异步服务范围Angular.js传数据 [英] Angular.js pass data from async service to scope

问题描述

我有一个像

app.factory('geolocation', function ($rootScope, cordovaReady) {
    return {
        getCurrentPosition: cordovaReady(function (onSuccess, onError, options) {

            navigator.geolocation.getCurrentPosition(function () {
                var that = this,
                    args = arguments;

                if (onSuccess) {
                    $rootScope.$apply(function () {
                        onSuccess.apply(that, args);
                    });
                }
            }, function () {
                var that = this,
                    args = arguments;
                if (onError) {
                    $rootScope.$apply(function () {
                        onError.apply(that, args);
                    });
                }
            }, options);
        }),
        getCurrentCity: function (onSuccess, onError) {
            this.getCurrentPosition(function (position) {
                var geocoder = new google.maps.Geocoder();
                geocoder.geocode(options,function (results, status) {
                    var city = address_component.long_name;
                });
            });
        }
    }
});

和我想从控制器东西不喜欢

And I want to do from a controller something like

function MainCtrl($scope, geolocation) {
   geolocation.getCurrentCity(function(city){
       $scope.city = city;
   });
};

在getCurrentPosition工作正常，全市确定过，但是我不知道如何访问城市的控制器。

The getCurrentPosition works fine and the city is determined too, however I don't know how to access the city in controller.

会发生什么？：当getCurrentCity被调用，它卡列斯getCurrentPosition确定GPS COORDS。这是COORDS作为参数传递给方法的onSuccess正确传递？因此，这是完全一样的我想在getCurrentCity的方法做，但我不知道怎么办。异步地理codeR检索到的城市的人，我想新的数据应用到的onSuccess方法。

What happens? When getCurrentCity is called, it calles getCurrentPosition to determine the gps coords. This coords are passed as arguments to the onSuccess method right? So this is quite the same I want to do in the getCurrentCity method, but I don't know how. Ones the async geocoder retrieved the city, I want to apply the new data to the onSuccess method.

任何想法？

推荐答案

您正在处理的回调和异步请求。所以，你应该使用 $ Q 服务。只是注入它在$ rootScope和cordovaReady依赖你的服务。
并加入承诺，你的函数像这样

You are dealing with callbacks and asynchronous request. So you should use $q service. Just inject it in your service with $rootScope and cordovaReady dependency. And add the promises to your function like this

getCurrentCity: function () {
    var deferred = $q.defer(); 
    this.getCurrentPosition(function (position) {
      var geocoder = new google.maps.Geocoder();
      geocoder.geocode(options,function (results, status) {
        var city = address_component.long_name;
        $rootScope.$apply(function(){
          deferred.resolve(city);
        });
      });
    });
    return deferred.promise;
}

和在你的控制器，请执行以下操作来处理的承诺。

And in your controller, do the following to handle the promise.

function MainCtrl($scope, geolocation) {
   geolocation.getCurrentCity().then(function(result) {  //result === city
     $scope.city = result;
     //do whatever you want. This will be executed once city value is available
   });     
};

这篇关于从异步服务范围Angular.js传数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！