使用$ window或$ location在AngularJS中重定向

我正在使用的应用程序包含各种状态（使用ui-router），其中某些状态要求您登录，而其他状态则公开可用。

我创建了一种方法，可以有效地检查用户是否已登录，当前遇到的问题实际上是在必要时重定向到我们的登录页面。应该注意的是，登录页面当前未放置在AngularJS应用程序中。

app.run(function ($rootScope, $location, $window) {


    $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {

        if (toState.data.loginReq && !$rootScope.me.loggedIn) {
            var landingUrl = $window.location.host + "/login";
            console.log(landingUrl);
            $window.open(landingUrl, "_self");
        }
    });
});

console.log会正确显示预期的URL。之后的那一行，我几乎尝试了从$ window.open到window.location.href的所有操作，无论我尝试了什么，都不会发生重定向。

编辑（已解决）：

找到了问题。

var landingUrl = $window.location.host + "/login";
$window.open(landingUrl, "_self");

变量LandingUrl设置为'domain.com/login'，它与$ window.location.href一起不起作用（这是我尝试过的事情之一）。但是将代码更改为

var landingUrl = "http://" + $window.location.host + "/login";
$window.location.href = landingUrl;

现在可以使用了。

我相信这样做的方法是 $location.url('/RouteTo/Login');

编辑清晰度

假设我的登录视图的路线是/Login，我想$location.url('/Login')导航到该路线。

对于Angular应用之外的位置（即未定义路线），可以使用普通的旧JavaScript：

window.location = "http://www.my-domain.com/login"

似乎对于整页重新加载$window.location.href是首选方式。

更改浏览器URL时，不会导致整个页面重新加载。要在更改URL后重新加载页面，请使用较低级别的API $ window.location.href。

https://docs.angularjs.org/guide/$location

它可能会帮助您！ 演示

AngularJs代码样本

var app = angular.module('urlApp', []);
app.controller('urlCtrl', function ($scope, $log, $window) {
    $scope.ClickMeToRedirect = function () {
        var url = "http://" + $window.location.host + "/Account/Login";
        $log.log(url);
        $window.location.href = url;
    };
});

HTML代码样本

<div ng-app="urlApp">
    <div ng-controller="urlCtrl">
        Redirect to <a href="#" ng-click="ClickMeToRedirect()">Click Me!</a>
    </div>
</div>

不知道从哪个版本开始，但是我使用1.3.14，您可以使用：

window.location.href = '/employee/1';

无需注入$location或$window插入控制器，也无需获取当前主机地址。

您必须输入：

< html ng-app =“ urlApp” ng-controller =“ urlCtrl”>

这样，角度函数可以访问“窗口”对象