Angularjs 延期承诺不延期

Angularjs 延期承诺不延期,angularjs,promise,Angularjs,Promise,您好,在下面的Angular controller中,我尝试使用Parse.com启动facebook登录。 所以我创建了一个在FB登录时触发的承诺。它应该做的是,首先登录到facebook,抓取名字并将其存储在fieldValuesService.ff中。 然后,它应该访问这个值并使用它做一些事情。为了便于说明,我只使用了控制台日志。 发生的情况是,第二个console.log在第一个console.log之前被触发,因此未定义。 我不明白为什么在第二种情况下会发生任何事情。在这种情况下,在第

您好,在下面的Angular controller中,我尝试使用Parse.com启动facebook登录。 所以我创建了一个在FB登录时触发的承诺。它应该做的是,首先登录到facebook,抓取名字并将其存储在fieldValuesService.ff中。 然后,它应该访问这个值并使用它做一些事情。为了便于说明,我只使用了控制台日志。 发生的情况是,第二个console.log在第一个console.log之前被触发,因此未定义。 我不明白为什么在第二种情况下会发生任何事情。在这种情况下,在第一种情况之前会触发任何事情

还有第二个问题,注销后,fbLogIn函数有时处于非活动状态:它不会再次触发登录过程

如果您对这个问题有所了解,我们将非常感谢您的帮助

.controller('logController',
    function ($scope, $q, fieldValuesService) {
        var defer = $q.defer();

         defer.promise
         .then(function() {
                 Parse.FacebookUtils.logIn(null, {
                     success: function(user) {
                         if (!user.existed()) {
                             alert("User signed up and logged in through Facebook!");
                         } else {
                             $scope.currentUser = user;
                             $scope.$apply();
                             FB.api('/me', function(response) {
                                 fieldValuesService.ff = response.first_name;
                                 console.log(fieldValuesService.ff); //logs bob

                             });
                         }
                     },
                     error: function(user, error) {
                         alert("User cancelled the Facebook login or did not fully authorize.");
                     }
                 });
             })
         .then(function(){
                 console.log(fieldValuesService.ff); //logs undefined
         });


        $scope.fbLogIn = function() {
               defer.resolve();

           };

         // Parse log out
        $scope.logOut = function(form) {
            Parse.User.logOut();
            $scope.currentUser = null;

        };
    });   

也许如果你重组你的代码,事情会变得容易一点

我建议将所有与FB相关的内容重构为自己的服务,如:

module.factory('FBService', function ($q) {
    var login,
    logout,
    getInformation;
    login = function () {
        var defered = $q.defer();
        Parse.FacebookUtils.logIn(null, {
            success: function (user) {
                defered.resolve(user);
            },
            error: function (user, error) {
                defered.reject(user, error);
            }
        });
        return defered.promise;
    };
    logout = function () {
        var defered = $q.defer();
        Parse.User.logOut();
        defered.resolve();
        return defered.promise;
    };
    getInformation = function () {
        var defered = $q.defer();
        FB.api('/me', function (response) {
            defered.resolve(response);
        });
        return defered.promise;
    }
    return {
        login: login,
        logout: logout,
        getInformation: getInformation
    };
});

module.controller("LoginCtrl", function ($scope, FBService, fieldValuesService) {
    $scope.fbLogIn = function () {
        FBService.login().then(function (user) {
            $scope.currentUser = user;
            return FBService.getInformation();
        }).then(function (information) {
            fieldValuesService.ff = information.first_name;
            console.log(fieldValuesService.ff);
        });
    };
    $scope.logOut = function () {
        FBService.logout().then(function () {
            $scope.currentUser = null;
         });
    };
});

我想你的问题可能是你的第一个
then
没有返回第二个
then
执行的承诺。我打赌
FB.api
是异步的,这意味着
函数(响应)
在第二个
then
处理程序之后被调用。我在它自己的then处理程序中添加了FB.api:(function(){FB.api('/me',function(response){return response;});然后在下一个处理程序中访问它,但仍然得到了相同的问题答案。它按预期工作。这些帮助从不同方向解决实际问题的帖子总是很有启发性的。如果我添加更多。然后将值传递给下一个处理程序。然后,不需要工厂处理的处理程序,它们会被延迟吗?或者我必须这样做吗经过工厂/延期/承诺?