angularjs - Yeoman Angular Fullstack - 如何保护路由？

Question

我使用生成器创建了一条新路线“房间”，并在管理路线上对我的 $stateProvider 进行了建模

.state('admin', {
    url: '/admin',
    templateUrl: 'app/admin/admin.html',
    controller: 'AdminController',
    controllerAs: 'admin',
    authenticate: 'admin'
  });

对比

$stateProvider
  .state('rooms', {
    url: '/rooms',
    templateUrl: 'app/rooms/rooms.html',
    controller: 'RoomsCtrl',
    controllerAs: 'rooms',
    authenticate: 'admin'
  });

但是我的路线在没有验证的情况下仍然出现!

我想我缺少一些东西来确保它的安全，尽管我无法理解是什么!

有人可以帮忙吗？

谢谢

Answer 1

你的 Controller 应该是这样的:

     angular.module('auth8App').controller('RoomsCtrl', function ($scope,Auth,$location) {

               //check if the user is logged-in
                Auth.isLoggedInAsync(function(loggedIn) {
                        if (!loggedIn) {    
                       //if the user is not logged  Redirect to login
                          event.preventDefault();
                          $location.path('/login');
                        }
                      });
                    $scope.message = 'Hello';
                });