从一个 AngularJS 应用程序切换到另一个——页面内容没有更新

Question

我的应用程序中有两个 Angular 应用程序。第一个应用程序基本上只是登录页面，第二个应用程序是其他一切。这两个应用共享几个服务，包括一个控制登录信息/逻辑的服务。

当用户使用“记住我”功能时会出现问题。我们希望他们在浏览登录页面时自动登录并重定向到登录状态页面。自动登录位工作正常，但是当我们尝试将用户重定向到第二个应用程序中的状态页面时，他们会陷入登录页面反复刷新的无限循环。 （有趣的是，如果用户没有登录，输入相应的登录信息并点击

似乎重定向有效，因为 url 确实更新正确并且页面刷新，但内容错误（仍然是旧的控制器和视图），所以它不断重新做同样的事情 - 检查是否登录，如果是则重定向。 如何确保我确实转移到第二个应用并在重定向时加载正确的视图/控制器？

代码：

twPublicApp.controller('PublicLoginCtrl', function ($scope, $http, LoginData, BrowserStorageService, $window, $location) {
    window.changeApiRoot('/api/');

    $scope.username = '';
    $scope.password = '';
    $scope.remember = false;
    $scope.errorMessage = '';
    $scope.authenticating = false;

    if (LoginData.get('SessionToken', null, true) !== null) {
        // Check if still has a valid session
        $scope.authenticating = true;
        LoginData.checkSession(LoginData.get('SessionToken'), LoginData.get('Location'))
            .success(function(data) {
                if (data.Result === true) {
                    console.log('User looks to be already logged in... sending on');
                    BrowserStorageService.changeStore('localStorage');
                    LoginData.set(data);

                    //This is the line giving me problems.  I've tried these two versions, and a few others, and nothing seems to work properly.
                    //window.location.href = '/console#/status';
                    $window.location = '/console#/status';

                    $scope.authenticating = false;
                } else {
                    $scope.authenticating = false;
                    LoginData.set({});
                }
            })
            .error(function(jqXHR, textStatus, errorThrown) {
                $scope.authenticating = false;
                LoginData.set({});
            });
    }

    $scope.authenticate = function() {
        $scope.authenticating = true;
        LoginData.authenticate($scope.username, $scope.password,  $scope.remember)
            .success(function(data) {
                if (data.Result === true) {
                    if ($scope.remember) {
                        BrowserStorageService.changeStore('localStorage');
                    } else {
                        BrowserStorageService.changeStore('sessionStorage');
                    }
                    LoginData.set(data);

                    //Interestingly, this line works perfectly.
                    window.location.href = '/console#/status';

                    return;
                }
                $scope.authenticating = false;
            })
            .error(function(jqXHR, textStatus, errorThrown) {
                $scope.authenticating = false;
            });
    };

});

Answer 1

Using $window or $location to Redirect in AngularJS

我相信上述链接将帮助您解决问题。

Answer 2

一些猜测

1. 尝试使用 $window OR window，不要同时使用。

2. if (LoginData.get('SessionToken', null, true) !== null) 块可能运行得太快了。尝试将它放在 $timeout 块中，看看它是否有所不同。

Answer 3

您的 LoginController 应用程序似乎很好，但是当用户被重定向到其他页面时，您指定的所有值（例如“身份验证”）除了会话存储之外不会保持不变。我不知道您如何验证用户以进行登录检查它是否基于这些标志中的任何一个，因为您的这段代码很好。请记住，每次更改/重定向到其他站点时，每件事都会再次被引导。共享其他应用程序的基本代码或确保您的会话数据（或您的身份验证方式）基于相同的数据。

Answer 4

首先我想指出，你处理事情的方式是不可取的。无论项目多么复杂，通过一个根应用程序处理它从长远来看都会更容易。

现在具体回答您的问题。

检查$locationProvider 中的内容，以免出现闪烁等问题，然后将它们重定向到处理第二个应用程序视图的页面。

$window.open('root_page_second_app.html', '_self');

这应该可以正常工作。