Використання $ window або $ location для перенаправлення в AngularJS

Question 1

Додаток, над яким я працюю, містить різні стани (за допомогою ui-маршрутизатора), де деякі штати вимагають входу в систему, інші є загальнодоступними.

Я створив метод, який достовірно перевіряє, чи зареєстрований користувач, і те, з чим я зараз маю проблеми, насправді перенаправляє на нашу сторінку входу, коли це необхідно. Слід зазначити, що наразі сторінка входу не розміщується в програмі 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;

зараз це працює.

Question 2

Я вважаю, що спосіб це зробити $location.url('/RouteTo/Login');

Змінити для чіткості

Скажімо, мій маршрут для мого подання входу був /Login, я б сказав, $location.url('/Login')щоб перейти до цього маршруту.

Для місцеположень за межами програми Angular (тобто, маршрут не визначений) буде служити звичайний старий JavaScript:

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

Question 3

Здається, що повне перезавантаження сторінки $window.location.hrefє кращим способом.

Це не викликає повного перезавантаження сторінки при зміні URL-адреси браузера. Щоб перезавантажити сторінку після зміни URL-адреси, використовуйте API нижчого рівня, $ window.location.href.

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

Question 4

Це може вам допомогти! демо

Зразок коду 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>

Question 5

Не знаю, з якої версії, але я використовую 1.3.14, і ви можете просто використовувати:

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

Не потрібно вводити $locationабо вводити $windowконтролер, а також не потрібно отримувати поточну адресу хосту.

Question 6

Ви повинні поставити:

< html ng-app = "urlApp" ng-controller = "urlCtrl">

Таким чином кутова функція може отримати доступ до об'єкта "вікно"