angularjs - 从 angularjs promise 返回对象的问题-6ren

angularjs - 从 angularjs promise 返回对象的问题

转载作者：行者123 更新时间：2023-12-04 04:34:46

26

4

我基本上是在尝试 使用地理位置 api 检索用户的当前位置 ，然后将坐标作为参数传递给 angularjs ajax 调用，并且 返回自定义“地址”对象 ，如下所示:

从使用的模块:

angular.module('geolocationModule', ['ng'])
.factory('geolocationService', ['$http', function geolocationService($http) {
    return {
        geolocationPosition : function(){
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(function (position) {
                    return $http.post('/bignibou/geolocation/approximateReverse/', {lat: position.coords.latitude, lng: position.coords.longitude})
                    .then(function(formattedAddress){
                        var address = {};
                        address.formattedAddress = formattedAddress;
                        return address;
                    },
                    function(data, status, headers, config){
                        console.log(data);
                        console.log(status);
                    });
                }, errorFn, {
                    timeout : 10000
                });
            }
        }
    };  
}]);

从调用模块:

angular.module('searchEngineModule', ['ng', 'geolocationModule'])
.controller('geolocationCtrl', [ '$scope', 'geolocationService', function geolocationCtrl($scope, geolocationService) {
        $scope.init = function(){
            var geolocationAddress ={};
            geolocationAddress = geolocationService.geolocationPosition();
            console.log(geolocationAddress);
        };
}]);

出于某种原因， 我的 geolocationAddress 对象始终未定义 ...

有人可以帮忙吗？

编辑 1 :

如果我使用以下异步代码:

var geolocationAddress ={};
geolocationService.geolocationPosition().then(function(data) {
     geolocationAddress = data;
});
console.log(geolocationAddress);

这是我得到的:

TypeError: Cannot call method 'then' of undefined
    at Object.$scope.init (http://localhost:8080/bignibou/js/custom/searchEngine.js:5:45)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js:6541:19
    at Object.Scope.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js:8218:28)
    at pre (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js:13636:15)
    at nodeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js:4568:13)
    at compositeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js:4191:15)
    at publicLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js:4096:30)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js:1042:27
    at Object.Scope.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js:8218:28)
    at Object.Scope.$apply (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js:8298:23) <body ng-app="searchEngineModule" ng-controller="geolocationCtrl" ng-init="init()" style="" class="ng-scope">

编辑 2 :考虑到 Chandermani 的评论并更新到以下对问题进行排序:

angular.module('geolocationModule', ['ng'])
.factory('geolocationService', ['$http', '$q', '$rootScope', function geolocationService($http, $q, $rootScope) {

    function geolocationPositionP (){
        var deferred = $q.defer();
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(                   
            function (position) {
                $rootScope.$apply(function(){
                    console.log(position);
                    deferred.resolve(position);
                });
            },
            function(error){
                deferred.reject(error);
            },
            {timeout: 10000, maximumAge: 0});
        }
        return deferred.promise;
    }

    function geolocationAddressP(){
        var deferred = $q.defer();
        var address = {};
        var geolocationPromise = geolocationPositionP();
        geolocationPromise.then(function(position){
            $http.post('/bignibou/geolocation/approximateReverse/', {lat: position.coords.latitude, lng: position.coords.longitude})
            .success(function(formattedAddress){
                address.formattedAddress = formattedAddress;
                address.latitude = position.coords.latitude;
                address.longitude = position.coords.longitude;
                deferred.resolve(address);
            })
            .error(function(data, status, headers, config){
                console.log(data);
                console.log(status);
                deferred.reject(data);
            });
        });
        return deferred.promise;
    }

    return {
        geolocationAddress : function(){
            return geolocationAddressP();
        } 
    };  
}])

最佳答案

这似乎是一个异步调用问题。你能试一下吗

 geolocationService.geolocationPosition().then(function(data) {
     geolocationAddress = data;
});

更新 : 方法 geolocationPosition由于代码的异步性质，需要返回 promise 或资源对象。或者你甚至可以尝试回调方法

 geolocationPosition : function(){
            var defer=$q.defer();
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(function (position) {
                    return $http.post('/bignibou/geolocation/approximateReverse/', {lat: position.coords.latitude, lng: position.coords.longitude})
                    .then(function(formattedAddress){
                        var address = {};
                        address.formattedAddress = formattedAddress;
                        defer.resolve(address);
                    },
                    function(data, status, headers, config){
                        console.log(data);
                        console.log(status);
                        defer.reject(status)
                    });
                }, errorFn, {
                    timeout : 10000
                });
                return defer.promise
            }

阅读一些关于 $q 的信息 http://docs.angularjs.org/api/ng .$q

关于angularjs - 从 angularjs promise 返回对象的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19933177/

26

4

0

文章推荐： Meteor.js - 使用密码保护模板

文章推荐： sublimetext2 - Sublime Text 2 Vintage 模式和 Go To Line

文章推荐： php - 使用输出缓冲作为模板引擎

文章推荐： ServiceStack:提供扩展名为 docx 和 zip 的静态文件

java - 对象 a = 对象 b；对象 a 会发生什么？
我的一位教授给了我们一些考试练习题，其中一个问题类似于下面(伪代码): a.setColor(blue); b.setColor(red); a = b; b.setColor(purple); b
JavaScript 测试(对象 && 对象 !== "null"&& 对象 !== "undefined")
我似乎经常使用这个测试 if( object && object !== "null" && object !== "undefined" ){ doSomething(); } 在对象上，我
C#对象/对象
C# Object/object 是值类型还是引用类型？我检查过它们可以保留引用，但是这个引用不能用于更改对象。 using System; class MyClass { public s
javascript - 通过ajax发送json - 对象 - 对象
我在通过 AJAX 发送 json 时遇到问题。 var data = [{"name": "Will", "surname": "Smith", "age": "40"},{"name": "Wil
javascript - 如何获取值[对象][对象]
当我尝试访问我的 View 中的对象 {{result}} 时(我从 Express js 服务器发送该对象)，它只显示 [object][object]有谁知道如何获取 JSON 格式的值吗？这是
java - 对象...对象[] 和格式
我有不同类型的数据(可能是字符串、整数......)。这是一个简单的例子: public static void main(String[] args) { before("one"); }
javascript - 如何修复[对象，对象]
嗨，我是 json 和 javascript 的新手。我在这个网站找到了使用json数据作为表格的方法。我很好奇为什么当我尝试使用 json 数据作为表时，我得到 [Object,Object]
JavaScript [对象][对象] 调试
已关闭。此问题需要 debugging details 。目前不接受答案。编辑问题以包含 desired behavior, a specific problem or error, and the
java - 对象==空或空==对象？
我听别人说 null == object 比 object == null check 例如: void m1(Object obj ) { if(null == obj) // Is thi
VBS教程：对象-Match 对象
Match 对象提供了对正则表达式匹配的只读属性的访问。说明 Match 对象只能通过 RegExp 对象的 Execute 方法来创建，该方法实际上返回了 Match 对象的集合。所有的
VBS教程：对象-Class 对象
Class 对象使用 Class 语句创建的对象。提供了对类的各种事件的访问。说明不允许显式地将一个变量声明为 Class 类型。在 VBScript 的上下文中，“类对象”一词指的是用
VBS教程：对象-Folder 对象
Folder 对象提供对文件夹所有属性的访问。说明以下代码举例说明如何获得 Folder 对象并查看它的属性： Function ShowDateCreated(f
VBS教程：对象-File 对象
File 对象提供对文件的所有属性的访问。说明以下代码举例说明如何获得一个 File 对象并查看它的属性： Function ShowDateCreated(fil
VBS教程：对象-Drive 对象
Drive 对象提供对磁盘驱动器或网络共享的属性的访问。说明以下代码举例说明如何使用 Drive 对象访问驱动器的属性： Function ShowFreeSpac
VBS教程：对象-FileSystemObject 对象
FileSystemObject 对象提供对计算机文件系统的访问。说明以下代码举例说明如何使用 FileSystemObject 对象返回一个 TextStream 对象，此对象可以被读
对象
我是 javascript OOP 的新手，我认为这是一个相对基本的问题，但我无法通过搜索网络找到任何帮助。我是否遗漏了什么，或者我只是以错误的方式解决了这个问题？这是我的示例代码: functio
对象
我可以很容易地创造出很多不同的对象。例如像这样: var myObject = { myFunction: function () { return ""; } };
对象
function Person(fname, lname) { this.fname = fname, this.lname = lname, this.getName = function()
javascript - JSON 返回(对象，对象)
任何人都可以向我解释为什么下面的代码给出 (object, Object) 吗？ (console.log(dope) 给出了它应该的内容，但在 JSON.stringify 和 JSON.parse
javascript - 返回 [对象，对象] 的工具提示
我正在尝试完成散点图 exercise来自免费代码营。然而，我现在只自己学习了 d3 几个小时，在遵循 lynda.com 的教程后，我一直在尝试确定如何在工具提示中显示特定数据。 This code

首页

博学

6Ren·AI

商城

angularjs - 从 angularjs promise 返回对象的问题