我正在使用MEAN.io的样板堆栈并找到了一个很好的起点,但是我在混合不同的路由命令时遇到了麻烦。我的应用程序将有一个简单的登录页面是公开的,其他一切都隐藏在其后面。我可以检查用户是否经过身份验证没有问题,但我不能为我的生活让Angular从服务器加载登录页面。我的html页面上已经有一个signin按钮,调用正确的路径完全没有问题,我只是无法从代码中做同样的事情。
$ location.path('/ signin');代码不会调用服务器,因为它在路径中留下了哈希
My Angular controller
angular.module('tms.tweets').controller('TweetsController', ['$scope', '$routeParams',
'$location', '$resource', 'Global', 'Tweets', function ($scope, $routeParams, $location,
$resource, Global, Tweets) {
$scope.global = Global;
$scope.find = function() {
if(Global.authenticated){
console.log(Global.authenticated);
Tweets.query(function(tweets) {
console.log("Tweets at Angular Controller: " + tweets.length);
$scope.tweets = tweets;
});
}
else{
console.log("Unauthorized");
$location.path('/signin');
}
};
}]);
答案 0 :(得分:18)
找到我的重定向问题的答案,我交换了$ location.path
$window.location.href = '/signin';
答案 1 :(得分:8)
出于我的目的,从我的控制器内部调用$window.location.href = '/newpath';
无效。
如果我需要在控制器中重新加载,我一直在使用以下功能:
$scope.changeRoute = function(url, forceReload) {
$scope = $scope || angular.element(document).scope();
if(forceReload || $scope.$$phase) { // that's right TWO dollar signs: $$phase
window.location = url;
} else {
$location.path(url);
$scope.$apply();
}
};
然后你会这样称呼:
$scope.changeRoute('#/newpath');
我会说,应该避免这样做,并且应该首选在应用程序的配置阶段添加运行阶段。您可以在此处详细了解如何向您的应用配置添加运行阶段:http://www.angularjshub.com/examples/modules/configurationrunphases/