Angularjs $location.path('...') 不起作用答案

【问题标题】：Angularjs $location.path('...') doesn't workAngularjs $location.path('...') 不起作用
【发布时间】：2016-10-21 14:13:00
【问题描述】：

我正在使用 angularjs 进行身份验证，所以在连接我的用户后，我想将他重定向到主页：

$scope.submit = function(user) {
    var request = {
        method: 'POST',
        url: 'http://localhost:9001/signIn',
        headers: {
            'Content-Type': 'application/json'
        },
        data: {
            "email": user.email,
            "password": user.password,
            "rememberMe": true
        }
    };
    $http(request).then(function(data) {
            $location.path('/home');
    }, function(error) {
        console.log(error);
    });
};

这是我的配置：

app.config(function($urlRouterProvider, $stateProvider, $httpProvider, $authProvider) {
    $urlRouterProvider.otherwise('/home');
    $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: '/home',
            controller: 'HomeCtrl',
            resolve: {
                authenticated: function($q, $location, $auth) {
                    var deferred = $q.defer();

                if (!$auth.isAuthenticated()) {
                    $location.path('/signIn');
                } else {
                    deferred.resolve();
                }

                return deferred.promise;
            }
        }
    })
    .state('signIn', {
        url: '/signIn',
        templateUrl: '/signIn',
        controller: 'SignInCtrl'
    });
});

我试过了：

    $http(request).then(function(data) {
        $scope.$evalAsync(function() {
            $location.path('/home');
        });
        console.log(data);
    }, function(error) {
        console.log(error);
    });

还有：

$location.path('/home');
$location.replace();

以上工作都没有，非常感谢任何帮助。

【问题讨论】：

$http 请求确定成功了吗？您是否将$location 注入控制器？您的问题中没有体现出来。
是的！我认为我的权限有问题：/谢谢您的回复
您遇到的错误是什么？

标签： angularjs location

【解决方案1】：

$auth.isAuthenticated() 返回 false 时，home 状态解析器函数无法解析或拒绝 $q.defer 承诺。这将导致 Promise 挂起并造成内存泄漏。

//ERRONEOUS CODE
$stateProvider
    .state('home', {
        url: '/home',
        templateUrl: '/home',
        controller: 'HomeCtrl',
        resolve: {
            authenticated: function($q, $location, $auth) {
                var deferred = $q.defer();

            if (!$auth.isAuthenticated()) {
                $location.path('/signIn');
                //FAILS to resolve or reject promise
            } else {
                deferred.resolve();
            }

            return deferred.promise;
        }
    }
})

而不是在未通过身份验证时返回拒绝：

$stateProvider
    .state('home', {
        url: '/home',
        templateUrl: '/home',
        controller: 'HomeCtrl',
        resolve: {
            authenticated: function($q, $location, $auth) {
                //var deferred = $q.defer();

                if ($auth.isAuthenticated()) {
                    return $q.resolve("AUTHENTICATED");
                };

                //otherwise
                return $q.reject("NOT AUTHENTICATED");
            })
        }
})

当解析器函数返回被拒绝的承诺时，将阻止状态更改，$stateChangeError 事件将在 $rootScope 上广播。

【讨论】：