Angularjs 延期承诺不延期
您好,在下面的Angular controller中,我尝试使用Parse.com启动facebook登录。 所以我创建了一个在FB登录时触发的承诺。它应该做的是,首先登录到facebook,抓取名字并将其存储在fieldValuesService.ff中。 然后,它应该访问这个值并使用它做一些事情。为了便于说明,我只使用了控制台日志。 发生的情况是,第二个console.log在第一个console.log之前被触发,因此未定义。 我不明白为什么在第二种情况下会发生任何事情。在这种情况下,在第一种情况之前会触发任何事情 还有第二个问题,注销后,fbLogIn函数有时处于非活动状态:它不会再次触发登录过程 如果您对这个问题有所了解,我们将非常感谢您的帮助Angularjs 延期承诺不延期,angularjs,promise,Angularjs,Promise,您好,在下面的Angular controller中,我尝试使用Parse.com启动facebook登录。 所以我创建了一个在FB登录时触发的承诺。它应该做的是,首先登录到facebook,抓取名字并将其存储在fieldValuesService.ff中。 然后,它应该访问这个值并使用它做一些事情。为了便于说明,我只使用了控制台日志。 发生的情况是,第二个console.log在第一个console.log之前被触发,因此未定义。 我不明白为什么在第二种情况下会发生任何事情。在这种情况下,在第
.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;});然后在下一个处理程序中访问它,但仍然得到了相同的问题答案。它按预期工作。这些帮助从不同方向解决实际问题的帖子总是很有启发性的。如果我添加更多。然后将值传递给下一个处理程序。然后,不需要工厂处理的处理程序,它们会被延迟吗?或者我必须这样做吗经过工厂/延期/承诺?