Question

我有这个控制器：

.controller('LoginCtrl', function($scope, $location){
$scope.fbLogin = function() {
openFB.login(
    function(response) {
        if (response.status === 'connected') {
            console.log('Facebook login succeeded');
        } else {
            alert('Facebook login failed');
        }
    },
    {scope: 'email,publish_actions,user_friends'});
};
console.log(openFB.getLoginStatus() == 'connected');
if(openFB.getLoginStatus() == 'connected'){
$location.path("profile").replace();
$location.reload(true);
}
})

成功登录后，我想重定向到个人资料页面，但除非我手动重新加载页面，否则这不起作用。

这样做的正确方法是什么？

Answer 1

因为您正在使用外部库，所以当该库触发您希望应用对其做出反应的事件时，您需要告知角度。 Angular依赖于常数＆＃34; digest loop＆＃34; - 这就是魔术发生的地方。大多数情况下，角度处理事物而你不知道，这意味着像这样的错误有时难以错过！

好消息是它应该很容易修复，只需将触发事件的代码包装到函数中并将其传递给$scope.$apply()：

if(openFB.getLoginStatus() == 'connected'){ 
  $scope.$apply( function() { 
    $location.path("/profile").replace();
  }
}

修改

看到你的评论之后，很清楚这不是一个有角度的问题 - 这是你的逻辑。您想在facebook登录完成后更改位置，但是您没有在回调中运行代码。您需要做的是确保在收到登录响应后更改页面的位置：

.controller('LoginCtrl', function($scope, $location){ $scope.fbLogin = function() { openFB.login( function(response) { if (response.status === 'connected') { // This runs on success $scope.$apply( function () { $location.path('profile').replace() } ); } else { alert('Facebook login failed'); } }, {scope: 'email,publish_actions,user_friends'} ); }; // This runs when the controller is instatiated, i.e. only once when // the page loads. At this point you have no response from FB if(openFB.getLoginStatus() == 'connected'){ $location.path("profile").replace(); } })

请注意，对于用户在页面加载时已登录Facebook的情况，您仍需要立即运行的代码（底部）。

最后，为了争论，我会向您展示一个您不应该使用的选项，但这对于了解其他场合很有用：

$scope.$watch( openFB.getLoginStatus , function (value) { if (value === "connected") { $location.path("profile").replace(); } );

以上操作是监视您传递的第一个函数的结果，然后在更改时将第二个参数作为回调调用。每次角度运行摘要循环时都会发生这种情况，因此只要您确保在$scope.$apply()的回调中调用openFB.login()，这将会运行，并且一切都会正常运行。

你不应该使用这种方法的原因是（我想）openFB.getLoginStatus函数不是特别简单，甚至可能涉及HTTP请求 - 你传递给$watch的函数应该总是很快并且很简单，以确保您的应用程序运行良好。

Answer 2

Angular $位置文档：https://docs.angularjs.org/api/ng/service/$location

您应该考虑使用$location.url(<url to go to>)

所以在你的情况下$location.url("/profile");应该做到这一点。 url上的$location方法是getter和setter，因此您可以在不重新加载页面的情况下设置URL。

facebook登录后，$ location.path（）无法正常工作

2 个答案: