AngularJS | 在加载之前处理路由

Question

我希望通过外部服务为我的路由创建简单的身份验证检查。

我在路由对象上定义访问要求：

$routeProvider
    .when('/', {
        templateUrl: 'src/app/views/index.html',
        controller: 'indexCtrl',
        authenticated: true
    })
    .when('/login', {
        templateUrl: 'src/app/views/login.html',
        controller: 'loginCtrl',
        anonymous:  true
    })
    .otherwise({
        redirectTo: '/'
    })
;

然后，我检查我是否有权参加$routeChangeStart活动。

$rootScope.$on('$routeChangeStart', function (event, next) {
    if(next.authenticated && !$myService.isLoggedin())
        $location.path("/login");
    else if(next.anonymous && $myService.isLoggedin())
        $location.path("/secured");
});

实际上，它是可行的-
如果未通过身份验证的用户将其移至登录页面，如果已通过身份验证但该路由仅适用于匿名用户，则将其移至另一个页面，依此类推。

但是-这种重定向实际上是在加载控制器和模板之后发生的！ 即使我未经身份验证，它也会导致我的控制器对我的REST API进行一些不必要的请求。

在路线处理之前，我该如何处理？

Answer 1

我的解决方案是结合$locationChangeStart和$routeChangeStart：

$rootScope.$on('$locationChangeStart', function (event) {
    //If login data not available, make sure we request for it
    if($facebook.isConnected()==null) {
        $facebook.getLoginStatus();
        event.preventDefault();
        return;
    }

    var next=parseRoute().$$route;
    if(!Auth.loginCheck(next))
        event.preventDefault();
});

我parseRoute()从复制，angular-route.js以解析给定的URL进行路由。

然后，Auth.loginCheck以某种方式构建我的登录检查处理程序（），如果失败，则返回false。

我还使用它$routeChangeStart来处理$route.reload()事件，所以现在在身份验证状态内的每次更改之后，我都要做$route.reload()：

$rootScope.$on('$routeChangeStart', function (event, next) {
    Auth.loginCheck(next);
});

最后，我只是使用简单的run()方法来确保始终运行此定制服务。

编辑：

现在，我们使用ngAuth，这是一个旨在解决该确切问题的模块（基于我之前在此处给出的答案）。

最后，我们开发了一个可解决此问题的角度模块。该模块基于我之前在此处发布的答案。

由于这里的要求，我们发布了一个现在可以使用的beta版本：http :
//github.com/GoDisco/ngAuth

随意使用它。