javascript - 登录页面加载为部分页面而不是完整页面

Question

您好，我的 Angular 应用程序遇到问题。我有包含侧边栏和顶栏的索引页。然后，使用 ng-view，我根据侧边栏上单击的内容加载内容。

但是，此页面需要身份验证，因此我有一个登录页面，当用户未经身份验证时我想重定向到该登录页面。问题是当我希望它成为不同的页面时，html 也作为侧边栏和顶栏的一部分加载。

这是我的代码:

app.config(function ($routeProvider, $locationProvider) {
    $routeProvider

            // route for the home page
            .when('/', {
                templateUrl: 'partials/dashboard.html'
                        //controller: 'mainController'
                        //controllerAs: 'vm'
            })
            .when('/login', {
                templateUrl: 'login.html',
                controller: 'LoginController',
                controllerAs: 'vm'
            })
            .otherwise({redirectTo: '/'});
    ;
    $locationProvider.html5Mode(true);
});

需要任何额外的代码来提供帮助，请说出来!谢谢!

Answer 1

如果您的问题是用户看到在没有登录的情况下不应该看到的内容，那么在when block 内的resolve函数中添加身份验证。如果您将登录页面放在带有侧边栏和顶栏的 View 中，用户将始终看到这些内容。如果您不希望用户看到顶栏和侧边栏，请创建一个单独的登录页面，然后在登录成功时路由到主页。