javascript - 要求用户先登录 - 网页

Question

我正在开发一个只有两个页面的网站。

• 1.登录
• 2.首页

我正在使用 Angular 框架。

app.config(['$routeProvider', function ($routeProvider) {
  $routeProvider
    // Home
    .when("/login", {templateUrl: "partials/login.html", controller: "LoginCtrl",cache:false})
    .when("/newNotification", {templateUrl: "partials/about.html", controller: "NewNotificationCtrl",cache:false})
    .otherwise({
        redirectTo: '/login'
      });
}]);

但是当有人在未登录的情况下输入 website/newNotification 时，就会打开该页面。如何限制用户只有直接打开第二个页面URL才能登录页面？

Answer 1

您可以使用stateChangeStart

来做到这一点

      $rootScope.$on('$stateChangeStart', function(event, toState) {
                if ( toState.name !== 'login') {
                    $rootScope.token = localStorage.get('user');
                    if ($rootScope.token === null) {
                        event.preventDefault();
                        $rootScope.goTo('login');
                    }
                } else if (toState.name === 'login') {
                    $rootScope.token = localStorage.get('user');
                    if ($rootScope.token !== null) {
                        event.preventDefault();
                        $rootScope.goTo('home');
                    }
                }
            });